webpack：如何在 YAML 文件中注入 JS 块

Question

我正在使用 webpack 对遗留 MVC 应用程序 (symfony 1.4) 进行现代化改造

我想在包含其他几个设置的 YAML 文件中注入 JS 块和 CSS 文件。

举个例子：

default:
   foo: bar
   .
   .
   stylesheets: [ style.db80006f5e14f38456ef.css ]
   javascripts: [ runtime.d8969ec83f67a36c8877.js, npm.material.db07856eff6817abe7f2.js, main.db80006f5e14f38456ef.js ]
   .
   .

html-webpack-plugin 也支持插件。我想知道是否可以使用我自己的 html-webpack-plugin 插件将 CSS 文件和 JS 文件注入 YAML 文件而不是 HTML 模板。我不确定 html-webpack-plugin 是否可行，因为我不想操作 HTML 文件。

也许还有另一种方法可以获取 JS 块的名称和顺序，以及 CSS 文件。

提前致谢！

Answer 1

html-webpack-plugin 是要走的路，你可以提供你的 "base" yaml 文件作为模板，并提供一个 templateContent 函数来生成你的 yaml 内容。

像这样：

new HtmlWebpackPlugin({
  templateContent: function(params) {
    return `
default:
   stylesheets: [ ${params.htmlWebpackPlugin.files.css.join(',')} ]
   javascripts: [ ${params.htmlWebpackPlugin.files.js.join(',')} ]
`;
  },
  filename: 'path-to/where/to/save/your.yaml',
  inject: false, // prevents from the plugin to auto-inject html tags
});

webpack：如何在 YAML 文件中注入 JS 块

webpack: How to inject the JS chunks in the a YAML file

javascript

webpack

html-webpack-plugin