首页 > 其他 > 详细

解决 gulp4.0 以上版本中 gulp-clean 插件执行顺序错误的问题

时间:2020-05-10 23:24:01      阅读:105      评论:0      收藏:0      [点我收藏+]
注意:最后exports.default的series中,必须在 clean 之后有个自定义匿名函数,不能直接将其他函数直接跟在clean之后,执行操作;
gulpfile.ts文件正确写法如下:
 
const { src, dest, series, parallel, task } = require("gulp");
/**插件模型 */
const plugin = {
    /**压缩js文件插件 */
    "uglify": require("gulp-uglify"),
    /**删除文件工具 */
    "clean": require("gulp-clean"),
    /**文件系统插件 */
    "fs": require("fs")
};
/**目录模型 */
const dir = {
    /**源文件目录 */
    "srcDir": {
        /**源程序的根目录 */
        "root": "./src/",
        /**组件目录 */
        "component": "./src/component/",
        /**view视图文件所在目录 */
        "viewDir": "./src/views/",
        /**模型文件所在目录 */
        "modelDir": "./src/models/"
    },
    /**目标程序的根目录 */
    "destDir": {
        /**目标目录的根目录 */
        "root": "./dist/",
        /**组件目录 */
        "component": "./dist/Component/",
        /**view视图文件所在目录 */
        "viewDir": "./dist/views/",
        /**模型文件所在目录 */
        "modelDir": "./dist/models/"
    }
};
/**清理目录 */
function cleanDist(): any {
    return src(dir.destDir.root, { allowEmpty: true })
        .pipe(plugin.clean());
}
/**copy所有组件 */
function componentCopyTo(): any {
    return src(dir.srcDir.component + "**/*.js")
        .pipe(plugin.uglify())
        .pipe(dest(dir.destDir.component));
}
/**copy所有模型 */
function modelCopyTo(): any {
    return src(dir.srcDir.modelDir + "**/*.js")
        .pipe(plugin.uglify())
        .pipe(dest(dir.destDir.modelDir));
}
/**copy所有视图文件 */
function viewCopyTo(): any {
    return src(dir.srcDir.viewDir + "**/*.html")
        .pipe(dest(dir.destDir.viewDir));
}

 

exports.default = series(cleanDist, async () => {
    await componentCopyTo();
    await modelCopyTo();
    await viewCopyTo();
});

解决 gulp4.0 以上版本中 gulp-clean 插件执行顺序错误的问题

原文:https://www.cnblogs.com/hgm210/p/12865680.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!