利用gulp打造前端集成开发环境二--文件压缩篇

[fredshare]

目标

在对文件内容进行压缩 js采用uglify混淆压缩

步骤

• 安装gulp-uglify插件

npm install gulp-uglify --save-dev

• 修改gulpfile文件执行任务

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var paths = {
  scripts: {
    source : '../src/js/**/*.js',
    release: '../release/js'
  },
  css : {
    source : '../src/css/**/*.css',
    release : '../release/css'
  },
  html : {
    source : '../src/html/**/*.html',
    release : '../release/html'
  }  
};
process.on('uncaughtException', function(err) {
    console.log(err);
})
/*
 * 文件压缩
 */
gulp.task('move', function() {
  gulp.src(paths.scripts.source)
    .pipe(uglify())
    .pipe(gulp.dest(paths.scripts.release));
});

gulp move

这样就完成了在文件移动过程中的压缩操作了。查看被压缩的情况：

define("home/index",["home/b","home/c"],function(e){alert(1);var c=e("home/b"),a=e("home/c");a.callback(),c.callback()});