在项目目录中初始化npm,本地安装
gulp
gulp-minify-css
gulp-uglify
gulp-rename
pump
这五个插件
然后新建gulpfile.js文件,放在根目录下面,内容:
var gulp = require('gulp'), minifyCss = require('gulp-minify-css'), uglify = require('gulp-uglify'), rename = require('gulp-rename'), pump = require('pump'); gulp.task('css', function(cb) { pump([ gulp.src('src/css/*.css'), rename({suffix: '.min'}), minifyCss({ keepSpecialComments: '*' }), gulp.dest('dist/css') ]) }); gulp.task('js', function(cb) { pump([ gulp.src('src/js/*.js'), rename({suffix: '.min'}), uglify(), gulp.dest('dist/js') ]) });
接下来在命令行中使用 gulp css
来压缩 css 文件,使用 gulp js
来压缩 js 文件。
源文件在 src 文件夹中,生成文件在 dist 文件夹中。