Webpack 在构建之前将“自动生成的文件”写入磁盘答案

【问题标题】：Webpack Write 'auto generated files' to disk before buildWebpack 在构建之前将“自动生成的文件”写入磁盘
【发布时间】：2019-05-23 16:36:33
【问题描述】：

我正在从 Grunt 迁移到 Webpack。快完成了，但我似乎找不到允许我将文件写入磁盘的插件。

示例：我有一个自动生成的文件，其中列出了我的组件：组件.json

{
    "components": [
        "ComponentA",
        "ComponentB",
        "ComponentC"
    ]
}

在 grunt 中，我使用文件创建器任务通过 globbing 循环遍历我的 js 文件来生成此文件。 (https://www.npmjs.com/package/grunt-file-creator)。我似乎找不到 Webpack 的等价物。

有没有人使用可以像这样写入磁盘的 webpack 插件？

【问题讨论】：

write-file-webpack-plugin 能解决您的要求吗？ github.com/gajus/write-file-webpack-plugin#readme
不，抱歉，我没有将资产写入磁盘，我创建了构建所需的非 webpack 相关文件。现在我用 grunt 任务创建它们，但我想在 webpack 构建中创建它们，所以我只有一个构建命令

【解决方案1】：

好的，在深入研究文档后，我发现我需要的示例在文档的“插件”部分中进行了解释：https://webpack.js.org/contribute/writing-a-plugin/#example

您需要创建一个自定义插件，该插件连接到 emit.tabAsync 并使用 compilation.assets。

我想我将允许将一组函数传递给插件以生成文件。这将允许一个更通用的解决方案。

【讨论】：