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