使用 gulp-minify 缩小 JS
首先,将 gulp 和 gulp-minify 安装到本地项目目录中
npm install --save-dev gulp gulp-minify
然后将以下 min-js 任务添加到你的 gulpfile.js
var gulp = require('gulp');
var minify = require('gulp-minify');
gulp.task('min-js', function() {
return gulp.src('lib/*.js')
.pipe(minify({
ext: {
min: '.min.js'
},
ignoreFiles: ['-min.js']
}))
.pipe(gulp.dest('lib'))
});
gulp.task('watch', function(){
gulp.watch('lib/*.js', ['min-js']);
// Other watchers
});
gulp.task('default', ['min-js', 'watch']);
此任务在 lib 目录中查找所有 js 文件,将其缩小并以 .min.js 后缀保存到 lib 目录。例如,在 minify lib/app.js 文件之后将创建一个 lib/app.min.js 文件
除了作为'default' gulp 任务的依赖项运行之外,还可以通过键入以下命令手动运行此任务:
gulp min-js