用户登录

把几个 js 文件合并到一块儿,接下来我们可以再去压缩一下这个 js 文件 ... 或者叫最小化 js 文件,这个动作英文是 minify ... 完成这个任务可以使用 gulp-uglify ... 先打开命令行工具,去为项目安装这个插件 ... sudo npm install gulp-uglify ... 再把它放到 package.json 文件的开发依赖里在 .. 加上一个 --save-dev ...

sudo npm install gulp-uglify --save-dev

完成以后回到项目 ... 先在文件的顶部去包含这个插件 ... 起个名字叫做 uglify ...

var uglify = require('gulp-uglify');

下面我们用这个插件提供的功能去压缩一下合并之后的这个 js 文件 ... 这里我们不需要去创建新的任务,可以直接在这个 scripts 任务里面,加上一个 .pipe 管道 ... 放到 concat 之后 ... 在这个管道里面,使用 uglify 去压缩一下传过来的文件 ...

gulp.task('scripts', function () {
return gulp.src(['javascripts/jquery.js', 'javascripts/modernizr.js'])
.pipe(concat('vendor.js'))
.pipe(uglify())
.pipe(gulp.dest('dist/js'));
});

保存,回到命令行工具 ... 去执行一下这个 scripts 任务 ... 输入 gulp scripts ... 完成以后,再回到项目 ... 打开 dist ... js ... vendor.js ... 你会发现这个文件就是经过最小化处理之后的 js 文件 ...

https://www.npmjs.org/package/gulp-uglify

最小化 js 文件:gulp-uglify《 Gulp 自动化任务 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点