我正在使用 webpack 构建一个普通的应用程序(JQuery、ES6 等)，它是通常的加载器。我遇到了以下情况:
- 在开发过程中，我希望使用 style-loader ，将我的 css 放在内联标记中。
- 在生产中，我想要一个缩小的 css-bundle 文件(dam，什么词)，我可以稍后缓存并避免 FOUC 。我正在使用众所周知的Extract Text Plugin为此目的。
问题是，当我在生产中时，我需要添加一个
<link href="some-bundle.css" />给我的index.html 。好的。但是通过这样做，回到开发中我每次都会得到 404，因为我的 css 不是来自任何外部源(它来自 JS 并且是内联的东西)。
如果我不添加链接标记，我将永远无法获得编译后的样式表。
那么，你如何做到这一点呢？是否有任何加载程序可以自动添加 <link>在生产中？或者您稍后手动添加它？
谢谢，[]s
最佳答案
您可以使用HTML Webpack Plugin根据您的 Webpack 构建 (dev/prod) 生成 index.html 文件。一种会包含 link 标记，另一种则不会。
关于javascript - 有没有一种实用的方法可以在 Production 中添加 Webpack 生成的样式表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42498372/