人人开源打包部署,gulp 报错:ReferenceError: primordials is not defined ReferenceError: primordials is not defined 谷歌之后得到的最佳答案:原链接:https://timonweb.com/posts/how- ...
分类:
其他好文 时间:
2020-06-29 13:18:58
阅读次数:
290
gulp基本命令 npm i gulp -g //仅在首次执行需要 npm init -y //生成package.json文件 npm i gulp@3 --save-dev //在当前项目中安装gulp npm i gulp-concat --save-dev //合并文件 npm i gulp ...
分类:
其他好文 时间:
2020-06-23 21:05:33
阅读次数:
82
1之前在windows上装过,最近刚换了个mac本,重新安装下,也是为了记录下我安装的过程。 github下载vue-devtool到本地 下载地址https://github.com/vuejs/vue-devtools#vue-devtools 注意,下载的时候默认的是在dev分支,要切换到ma ...
分类:
系统相关 时间:
2020-06-22 15:11:33
阅读次数:
170
前段时间优化一个公司历史老项目的Web性能,却引出了一系列的问题,让我反思良多。 我通过Chrome的Lighthouse工具可以看出一些性能参数和问题反馈,我逐一对其进行优化。 根据资源请求的不同,大致可以分为前端资源性能和后端程序性能两个方面。 先分析一下前端资源吧: Defer offscre ...
分类:
Web程序 时间:
2020-06-21 00:25:06
阅读次数:
69
一、减少请求资源大小或者次数 1、尽量和并和压缩css和js文件。(将css文件和并为一个。将js合并为一个) 原因:主要是为了减少http请求次数以及减少请求资源的大小 打包工具: webpack gulp grunt. ....2、尽量所使用的字体图标或者SVG图标来代替传统png图 因为字体图 ...
分类:
其他好文 时间:
2020-06-14 17:08:19
阅读次数:
71
Gulp是基于node平台开发的前端构建工具 将机械化操作编写成任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了 用机器代替手工,提高开发效率 1. Gulp能做什么: 项目上线,HTML、CSS、 JS文件压缩合并 语法转换(es6、less...) 公共文件抽离 修改文件浏览器自动 ...
分类:
其他好文 时间:
2020-06-11 00:36:00
阅读次数:
66
背景 如果你是个前端开发人员,你肯定知道线上环境要把js,css,图片等压缩,尽量减少文件的大小,提升响应速度,特别是对移动端,这个非常重要。 压缩 压缩方式 前端压缩的方式很多,依赖java的有ant工具,前端自己打包压缩的有grunt,gulp,webpack,这些压缩也很重要,基本上能压缩50 ...
分类:
其他好文 时间:
2020-06-10 12:46:08
阅读次数:
57
// 复制文件夹 gulp.task('copy', () => { gulp.src('./src/images/*') .pipe(gulp.dest('dist/images')); gulp.src('./src/lib/*') .pipe(gulp.dest('dist/lib')) }) ...
分类:
其他好文 时间:
2020-06-10 10:57:22
阅读次数:
52
npm install --save-dev gulp-babel @babel/core @babel/preset-env // 暂时用下面这个 npm install gulp-babel @babel/core @babel/preset-env const babel = require( ...
分类:
Web程序 时间:
2020-06-10 10:50:10
阅读次数:
74
要使用npm命令需要先安装nodejs。安装方法网上有很多,在此就不一一例举了。 1. 安装Gulp > npm install -g gulp 首先需要在全局范围安装gulp 用git下载Uikit。 这需要安装git,进http://github.com/uikit/uikit直接下载后解压就可 ...
分类:
其他好文 时间:
2020-05-25 23:38:31
阅读次数:
86