style-loader 动态注入 css

【问题标题】：style-loader injects css dynamicallystyle-loader 动态注入 css
【发布时间】：2020-10-09 03:17:33
【问题描述】：

webpack 的 style-loader 将 css 动态注入 html 有什么具体原因吗？我的意思是，当我在文本编辑器中查看生成的 html 时，它不包含

【问题讨论】：

【解决方案1】：

Webpack 将包括 CSS 在内的所有资源捆绑在一起并动态注入，在构建时不会在 HTML 中生成静态 CSS。对于开发，您没有理由改变这一点。对于生产，您可以使用 MiniCssExtractPlugin 让 Webpack 将 CSS 提取到单独的文件中

【讨论】：