Gulp 創建一個新的 dist 文件夾

Question

構建項目時，gulp 將修改后的文件復制到新的 dist 文件夾中。 'Dev' 附加到此文件名。

例子

所有這些一般都編譯到 main、main dist 文件夾中，但是如果你長時間使用程序集，就會出現很多這樣的新文件夾。 你怎么能解決這個問題？

吞咽文件：

 "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', output: { filename: 'script.js' }, module: { rules: [ { test: /\\.m?js$/, exclude: /(node_modules|bower_components)/, use: { loader: 'babel-loader', options: { presets: [['@babel/preset-env', { corejs: 3, useBuiltIns: "usage" }]] } } } ] } })) .pipe(gulp.dest(dist)); }); gulp.task("default", gulp.parallel("watch", "build"));

Answer 1

問題出在 VS Code 的“編譯英雄”插件上。