Webpack

Question

当我创建生产包时，我不需要 javascript 中的任何样式表，它们包含在 index.html 中。样式表是用从 sass 到 bundle.css.

的 grunt watch 编译的

在开发过程中，我使用了 webpack 开发服务器。现在我想在 javascript 包中包含 css 以进行热模块替换，但 不更改任何现有的 javascript 文件 。

开发服务器使用专用的 index.html 和 webpack.config 文件，所以我最好在其中包含 css 包。这可能吗？

也许值得一提的是我正在使用 React。

Answer 1

答：貌似可以把webpack.config的entry[]改成（example），访问一个不同的 .js 文件。尝试为各自的 webpack.config 文件创建引用两个不同的 .js 条目文件，到 import 不同的 CSS 文件或完全省略 import 行。这会损害 DRY，但会做你想做的。
React 应该没有任何区别。
热门模块是一条红鲱鱼；它作为插件实现，独立于上述内容：
```
plugins: [
...
    new webpack.HotModuleReplacementPlugin());
],
```
在 webpack.config.dev 中省略 CSS 模块加载器是行不通的。
```
module: {
  loaders: [
...
    {test: /(\.css|\.scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']}
  ]
}
```
因为它会导致 import 'path/to/my.css' 在 index.js

Webpack - 仅在开发包中包含 css（非生产包）