有没有一种实用的方法可以在生产中添加 Webpack 生成的样式表
Is there a practical way of adding Webpack's generated stylesheets in Production
我正在构建一个普通的应用程序（JQuery、ES6 等），使用 webpack 和它的常用加载器。我遇到过以下情况：
- 在开发中，我希望使用 style-loader，将我的 css 放在一个内嵌标签中。
- 在生产中，我想要一个缩小的-css-bundle-file（该死的，多好的一个词），我可以稍后缓存并避免 FOUC. I'm using the well known Extract Text Plugin 为此目的。
问题是，当我在生产中时，我需要添加一个
<link href="some-bundle.css" /> 到我的 index.html。好的。但是通过这样做，回到开发中我每次都会得到 404，因为我的 css 不是来自任何外部源（它来自 JS，它是内联的东西）。
如果我不添加 link 标签，我将永远得不到编译后的样式表。
那么，你是怎么做到的？是否有任何装载程序可以在生产中自动添加 <link> ？或者您稍后再手动添加它？
谢谢，[]s
您可以使用 HTML Webpack Plugin 根据您的 Webpack 构建 (dev/prod) 生成 index.html 个文件。一个会包含 link 标签，另一个不会。
我正在构建一个普通的应用程序（JQuery、ES6 等），使用 webpack 和它的常用加载器。我遇到过以下情况：
- 在开发中，我希望使用 style-loader，将我的 css 放在一个内嵌标签中。
- 在生产中，我想要一个缩小的-css-bundle-file（该死的，多好的一个词），我可以稍后缓存并避免 FOUC. I'm using the well known Extract Text Plugin 为此目的。
问题是，当我在生产中时，我需要添加一个
<link href="some-bundle.css" /> 到我的 index.html。好的。但是通过这样做，回到开发中我每次都会得到 404，因为我的 css 不是来自任何外部源（它来自 JS，它是内联的东西）。
如果我不添加 link 标签，我将永远得不到编译后的样式表。
那么，你是怎么做到的？是否有任何装载程序可以在生产中自动添加 <link> ？或者您稍后再手动添加它？
谢谢，[]s
您可以使用 HTML Webpack Plugin 根据您的 Webpack 构建 (dev/prod) 生成 index.html 个文件。一个会包含 link 标签，另一个不会。