使用gulp-uglify压缩js文件

1、全局安装gulp

npm install -g gulp

2、项目下安装gulp和gulp-uglify

cmd切换到项目目录，执行npm install gulp和npm install gulp-uglify

3、安装完毕后，项目的gulp文件夹下，新增文件gulpfile.js（注意该文件名不可更改），并在gulpfile.js文件中写入如下代码

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

gulp.task('default', function(){
    gulp.src('src/app.js')<span style="white-space:pre">	</span>//需要压缩的JS文件的路径，全部可用*.js，也可传入数组形式的参数来压缩多个文件
        .pipe(uglify())
        .pipe(gulp.dest('dist/'));<span style="white-space:pre">	</span>//压缩完毕后，JS文件的保存路径
});

也可以在.pipe(uglify())中传入参数来配置压缩方式

var gulp = require('gulp'),
    uglify= require('gulp-uglify');
 
gulp.task('jsmin', function () {
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js'])
        .pipe(uglify({
            //mangle: true,//类型：Boolean 默认：true 是否修改变量名
            mangle: {except: ['require' ,'exports' ,'module' ,'$']}//排除混淆关键字
        }))
        .pipe(gulp.dest('dist/js'));
});

var gulp = require('gulp'),
    uglify= require('gulp-uglify');
 
gulp.task('jsmin', function () {
    gulp.src(['src/js/*.js', '!src/js/**/{test1,test2}.js'])
        .pipe(uglify({
            mangle: true,//类型：Boolean 默认：true 是否修改变量名
            compress: true,//类型：Boolean 默认：true 是否完全压缩
            preserveComments: 'all' //保留所有注释
        }))
        .pipe(gulp.dest('dist/js'));
});

4、最后，cmd切换到该项目的gulp目录下执行gulp jsmin即可（gulp + task名，如果为default，直接执行gulp即可）

参考链接：

http://www.ydcss.com/archives/54