是否有一种在生产中添加Webpack生成的样式表的实用方法

Question

我正在使用webpack构建一个普通的App（JQuery，ES6等）及其常用的加载器。我遇到了以下情况：

• 在开发过程中，我希望使用style-loader将我的css放在内联标记中。
• 在制作中，我希望有一个minified-css-bundle-file（大坝，一句话），我可以稍后缓存并避免FOUC。我为此目的使用了众所周知的Extract Text Plugin。

问题是，当我在制作中时，我需要添加一个 <link href="some-bundle.css" /> index.html我的<link>。好。但是通过这样做，回到开发中我每次都会得到404，因为我的css不是来自任何外部源（它来自JS及其内联的东西）。 如果我没有添加链接标记，我就永远不会得到已编译的样式表。

那么，你是怎么做到的？是否有任何加载器可以在生产中自动添加UIImageView？或者您稍后手动添加它？

谢谢，[] s

Answer 1

您可以使用HTML Webpack Plugin根据您的Webpack构建（dev / prod）生成index.html文件。一个包括noScanLabel.text标签，另一个不包括。