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

Webpack 生成按条目名称分组的网页包代码块列表,webpack,gulp,Webpack,Gulp,我正在使用Webpack4的代码拆分功能。这意味着对于任何给定的入口点,可能会生成不同数量和名称的bundle 我想以机器可读的格式将这些信息写入磁盘。理想情况下,JSON包含按条目文件名分组的文件。e、 g { entry1: [ "entry1.js", "vendors~entry1.js", "vendors~entry1~entry2.js" ], entry2: [ "entry2.js",

我正在使用Webpack4的代码拆分功能。这意味着对于任何给定的入口点,可能会生成不同数量和名称的bundle

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

{
    entry1: [
        "entry1.js",
        "vendors~entry1.js",
        "vendors~entry1~entry2.js"
    ],
    entry2: [
        "entry2.js",
        "vendors~entry2.js"
    ]
}
如果有什么帮助的话,我正在通过webpack流在gulp中使用webpack


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

您可以生成状态,一个基于json的文档,然后自己转换,您将拥有所有需要的信息。要得到它,只需运行
webpack--json

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

由于我没有从命令行运行webpack,因此我必须执行一个脚本来获取json文件。但最终,这成功了。