Webpack 加载器在文件级别工作,因此,您无法使用任何类型的加载器来实现此目的。下一个最佳选择是插件,但不幸的是,不存在这样的 Webpack 插件!
您可以获得的最接近的结果是使用带有标准
<style />
和 style-loader
的 css-loader
标签在 HTML 文档中嵌入样式。
而且,如果您的原始 CSS 位于代码外部,您可以使用维护良好的 CSS 内联插件。
最后,如果您需要自己执行此操作,则需要编写自己的插件,或者可以对生成的 HTML 文件进行后处理。我强烈建议使用类似 htmlparser2 的东西来用内联样式重写 HTML。
顺便说一句,您似乎正在尝试使用 Webpack 来静态生成 HTML 页面(如静态站点构建器),而不是捆绑您的 SPA。在这些情况下,还有更多更好的选择。