1

我正在使用 webpack 构建一个普通的应用程序(JQuery、ES6 等),它是通常的加载器。我遇到了以下情况:

  • 在开发中,我希望使用style-loader将我的 css 放入内联标签中。
  • 在生产中,我想要一个缩小的css-bundle-file(dam,一个词),我可以稍后缓存并避免FOUC。为此,我正在使用众所周知的提取文本插件

问题是,当我在生产中时,我需要在 <link href="some-bundle.css" />我的index.html. 好的。但是通过这样做,在开发中我每次都会得到 404,因为我的 css 不是来自任何外部源(它来自 JS,它是内联的)。如果我不添加链接标签,我永远不会得到编译的样式表。

那么,你如何做到这一点?是否有任何加载程序可以自动添加<link>生产?或者你只是稍后手动添加它?

谢谢,[]s

4

1 回答 1

1

您可以使用HTML Webpack Plugin根据您的 Webpack 构建(dev/prod)生成 index.html 文件。一个会包含link标签,另一个不会。

于 2017-02-28T00:58:57.773 回答