gulp学习心得

新手上路不要盲目，直接找一篇别人写好的gulpfile直接用，往往都是到处坑。
1、推荐先去学习一下gulp基础https://www.gulpjs.com.cn/docs/getting-started/quick-start/
2、你想要gulp完成什么工作？排除不必要的功能

例如

//我想压缩html，那么我们就只加入htmlmin插件功能
var gulp = require("gulp");
var htmlmin = require('gulp-htmlmin')
var options = {
    collapseWhitespace: true, //清除空格，压缩html
    collapseBooleanAttributes: true, //省略布尔属性的值
    removeComments: true, //清除html中注释的部分
    removeEmptyAttributes: true, //清除所有的空属性
    removeScriptTypeAttributes: true, //清除所有script标签中的type="text/javascript"属性
    removeStyleLinkTypeAttributes: true, //清楚所有Link标签上的type属性
    minifyJS: true, //压缩html中的javascript代码
    minifyCSS: true //压缩html中的css代码
}

function htmlFun() {
    return gulp.src(['apps/**/*.html', 'apps/*.html'])
        .pipe(htmlmin(options))
        .pipe(gulp.dest('./dist/'))
}
gulp.task('html', gulp.series(htmlFun));

//压缩js，加入uglify插件
var uglify = require('gulp-uglify')
function jsFun() {
    return gulp.src(['apps/**/*.js', '!apps/lib/*.js', '!apps/lib/**/*.js'])
        .pipe(uglify())
        .pipe(gulp.dest('./dist/'))
}
gulp.task('js', gulp.series(jsFun));

仅此，希望给大家带来一点思维启示