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

问题描述 投票:0回答:1

我正在使用webpack现代化旧版MVC应用程序(symfony 1.4)

我想在YAML文件中注入JS块。

这里是一个例子:

default:
   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文件。

非常感谢!

javascript webpack html-webpack-plugin
1个回答
0
投票

html-webpack-plugin是一种解决方法,您可以提供“基本” 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
});
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.