使用 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