如何解决Gulp创建一个新的dist文件夹
在构建项目时,gulp将修改后的文件复制到新的dist文件夹中。 'Dev'附加到此文件名。
通常将所有这些内容编译到main主dist文件夹中,但是如果长时间使用部件,则会出现很多这样的新文件夹。您该如何解决?
Gulpfile:
"use strict";
const gulp = require("gulp");
const webpack = require("webpack-stream");
const browsersync = require("browser-sync");
const dist = "./dist/";
gulp.task("copy-html",() => {
return gulp.src("./src/index.html")
.pipe(gulp.dest(dist))
.pipe(browsersync.stream());
});
gulp.task("build-js",() => {
return gulp.src("./src/js/main.js")
.pipe(webpack({
mode: 'development',output: {
filename: 'script.js'
},watch: false,devtool: "source-map",module: {
rules: [
{
test: /\.m?js$/,exclude: /(node_modules|bower_components)/,use: {
loader: 'babel-loader',options: {
presets: [['@babel/preset-env',{
debug: true,corejs: 3,useBuiltIns: "usage"
}]]
}
}
}
]
}
}))
.pipe(gulp.dest(dist))
.on("end",browsersync.reload);
});
gulp.task("copy-assets",() => {
return gulp.src("./src/assets/**/*.*")
.pipe(gulp.dest(dist + "/assets"))
.on("end",browsersync.reload);
});
gulp.task("watch",() => {
browsersync.init({
server: "./dist/",port: 4000,notify: true
});
gulp.watch("./src/index.html",gulp.parallel("copy-html"));
gulp.watch("./src/assets/**/*.*",gulp.parallel("copy-assets"));
gulp.watch("./src/js/**/*.js",gulp.parallel("build-js"));
});
gulp.task("build",gulp.parallel("copy-html","copy-assets","build-js"));
gulp.task("build-prod-js",() => {
return gulp.src("./src/js/main.js")
.pipe(webpack({
mode: 'production',{
corejs: 3,useBuiltIns: "usage"
}]]
}
}
}
]
}
}))
.pipe(gulp.dest(dist));
});
gulp.task("default",gulp.parallel("watch","build"));
解决方法
问题出在VS Code的“编译英雄”插件上。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。