javascript - 如何防止Webpack删除输出路径中的其他文件？

Question

假设我将一些 JS 资源编译到 dist/static/js:

output: {
        path: config.build.assetsRoot,
        filename: utils.assetsPath('js/[name].[chunkhash].js'),
        chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
    },

在运行 npm run build 之前，我在/dist/、/static/和/js/中创建一个文件。

运行npm run build后此文件已被删除。在/static/和/js/中创建的那个已经消失了。我该如何预防？

我正在使用 Vue.js/Webpack 样板: https://github.com/vuejs-templates/webpack

Answer 1

如果你看这里:

https://github.com/vuejs-templates/webpack/blob/17ed63b1b3a0eaaebd3f593c08c32107a7cb7e01/template/build/build.js

您可以看到正在导入一个名为 rimraf 的包:

const rm = require('rimraf')

此包负责清除您的 assetsRoot 和 assetsSubDirectory。这是一件好事，因为通常当您从无到有重新运行构建过程时，您希望从头开始。

我建议您不要禁用此功能，而是将文件放在另一个目录中或让您的 Javascript 生成文件，因为删除是在编译之前进行的。