gulpfile.js文件:
var gulp = require('gulp'),htmlmin = require('gulp-htmlmin');
gulp.task('default', function() {
// 将你的默认的任务代码放在这
const options = {
removeComments: true, //清除HTML注释
collapseWhitespace: true, //压缩HTML
collapseBooleanAttributes: true, //省略布尔属性的值 <input checked="true"/> ==> <input checked />
removeEmptyAttributes: true, //删除所有空格作属性值 <input id="" /> ==> <input />
removeScriptTypeAttributes: true, //删除<script>的type="text/javascript"
removeStyleLinkTypeAttributes: true, //删除<style>和<link>的type="text/css"
minifyJS: true, //压缩页面JS
minifyCSS: true //压缩页面CSS
};
return gulp.src('*.html')
.pipe(htmlmin(options))
.pipe(gulp.dest('*.min.html'));
});
上边的功能可以根据需要来调整,比如我用的时候只用了minifyCSS这个选项。
在文件夹里创建好gulpfile.css之后,只要cmd,然后下载好gulp的相关组件,然后运行gulp就可以啦