如何让webpack在标签的“style”属性中注入样式?

问题描述 投票:0回答:1
css webpack
1个回答
0
投票

Webpack 加载器在文件级别工作,因此,您无法使用任何类型的加载器来实现此目的。下一个最佳选择是插件,但不幸的是,不存在这样的 Webpack 插件!

您可以获得的最接近的结果是使用带有标准

<style />
style-loader
css-loader
标签在 HTML 文档中嵌入样式。

而且,如果您的原始 CSS 位于代码外部,您可以使用维护良好的 CSS 内联插件

最后,如果您需要自己执行此操作,则需要编写自己的插件,或者可以对生成的 HTML 文件进行后处理。我强烈建议使用类似 htmlparser2 的东西来用内联样式重写 HTML。

顺便说一句,您似乎正在尝试使用 Webpack 来静态生成 HTML 页面(如静态站点构建器),而不是捆绑您的 SPA。在这些情况下,还有更多更好的选择。

© www.soinside.com 2019 - 2024. All rights reserved.