我正在使用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文件。
非常感谢!
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
});