生成按条目名称分组的Webpack代码块列表

Question

我正在使用Webpack 4的代码分割功能。这意味着对于任何给定的入口点，可以生成各种数量和捆绑的名称。

我想以机器可读的格式将该信息写入磁盘。理想情况下，JSON包含按条目文件名分组的文件。 e.g。

{
    entry1: [
        "entry1.js",
        "vendors~entry1.js",
        "vendors~entry1~entry2.js"
    ],
    entry2: [
        "entry2.js",
        "vendors~entry2.js"
    ]
}

如果有任何帮助，我会通过webpack-stream在gulp中使用webpack。

我计划使用输出数据在与相应条目文件对应的页面中插入脚本标记。

Answer 1

您可以生成状态，基于json的文档并自行转换，您将获得所有必需的信息。为此，只需运行webpack ... --json。

您可以将其打印在屏幕上，或保存在文件中。要保存文件只需将输出重定向到文件。 webpack ... --json > myfile.json。然后，您可以创建一个脚本来遍历json并执行所需的组。