gulp外掛 uglify 的使用

1.js文件壓縮

第一步：安裝外掛 ： 

 

第二步：gulpfile.js 配置 ： （首先看你的package.json 中有沒有添加依賴，若是有 這一句，表明添加成功啦。）

　　　　輸入如下代碼 ：

var gulp = require('gulp'),
    uglify = require("gulp-uglify");       // 將須要的文件 require 進來

gulp.task('minify-js', function () {      // minify-js是你要執行的操做的名字。 隨便定義，可是最好可讀性和可辨識性強   
    gulp.src('src/js/*.js') // 要壓縮的js文件     這裏有一個小坑。就是路徑要全，若是隻輸入js/*.js 能夠執行，可是沒效果
        .pipe(uglify())  //使用uglify進行壓縮
        .pipe(gulp.dest('dist/js')); //壓縮後的路徑  沒有的話會自動建立
});

 

第三步： 隨便拿一個js 文件，放到js文件夾下面，而後就能夠執行下一步 壓縮 啦

第四步： cmd 根目錄中輸入   gulp minfy-js   回車。 就會看到這個    編譯完成。真的很簡單。

 

2.css文件壓縮 /html 文件壓縮

 

操做徹底同樣。  外掛分別是  css:  gulp-minify-css    html:  gulp-minify-html