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