Gulp的前端工程构建配置

创建一个文件夹并进入，使用Git bash进入这个文件夹下，执行npm init来生成package.json文件，创建工程目录如下：

image.png

在工程根目录下创建gulpfile.js文件，文件名称必须这么写。文件中的配置如下[根据需要自行配置]

var gulp = require("gulp"), 
    $ = require("gulp-load-plugins")(), //在方法后面加上括号，表示立即调用
    open = require("gulp-open"),
    spritesmith = require("gulp.spritesmith"), //制作雪碧图
    pngquant = require("imagemin-pngquant");

var app = {
    srcPath:"src/", // 源代码路径
    devPath:"build/", //整合后的路径，开发路径
    prdPath:"dist/" //生产环境路径
}


//html任务
gulp.task("html",()=>{
    let option = {
        removeComments: true,//清除HTML注释
        collapseWhitespace: true,//压缩HTML
        collapseBooleanAttributes: false,//省略布尔属性的值  ==> 
        removeEmptyAttributes: true,//删除所有空格作属性值  ==> 
        removeScriptTypeAttributes: true,//删除