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