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