js压缩

我们写完js代码之后，希望把代码进行压缩，最后提供一个.min.js文件。

gulp-uglify

文档：https://www.npmjs.com/package/gulp-uglify

这个插件是gulp里面最常用来压缩js文件的

$ npm install gulp-uglify --save-dev

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

glup.src('...')
    .pipe(uglify())
    .pipe(gulp.dest(...))

这样就可以把你写的代码压缩到目录中去了。

gulp-rename

文档：https://www.npmjs.com/package/gulp-rename

这个插件可以重命名文件

$ npm install gulp-rename --save-dev

var gulp = require('gulp'); // 基础库
var uglify = require('gulp-uglify'), // js压缩
  rename = require('gulp-rename'); // 文件重命名

gulp.task('script', function() {
  return gulp.src('src/js/*.js') // 指明源文件路径、并进行文件匹配
    .pipe(rename({ suffix: '.min' })) // 重命名
    .pipe(uglify({ preserveComments:'some' })) // 使用uglify进行压缩，并保留部分注释
    .pipe(gulp.dest('dist/js')); // 输出路径
});

结合uglify，我们可以非常方便的就实现了生成min.js。

后面我们还会讲到将多个文件合并为一个文件。