Webpack - 開発バンドル（プロダクションではない）にのみCSSを組み込みます

私の制作バンドルを作成するとき、私はjavascriptにスタイルシートを必要とせず、index.htmlに含まれています。スタイルシートは、草からbundle.cssにいたずらな時計でコンパイルされます。Webpack - 開発バンドル（プロダクションではない）にのみCSSを組み込みます

開発中はwebpack dev serverを使用しています。今、私はホットモジュールの交換のためのJavaScriptバンドルにCSSを含めたいと思いますが、を変更することなくを変更する必要はありません。

devサーバは専用のindex.htmlファイルとwebpack.configファイルを使用していますので、ここではcssバンドルを含めてください。これは可能ですか？

おそらく、私がReactを使用していることに言及する価値はあります。

2016-05-10 hansn

にimport 'path/to/my.css'でパースエラーが発生しますので、？ – Vishwanath

はい。私のメインのjavascriptファイルから単にbundle.cssが必要な場合は、記録としては動作します。 – hansn

回答：あなたが別の.jsファイルにアクセスするには、webpack.configのentry[]（example）を変更することができますように見えます。それぞれのwebpack.configファイルの異なる2つの参照ファイル.jsを作成し、別のCSSファイルimportに作成するか、import行を完全に省略してください。これはドライを妥協するが、あなたが望むことをする。
リアクションは何も違いはありません。
ホットモジュールは赤いニシンです。それは独立して上記の、プラグインとして実装されています：
```
plugins: [ 
... 
    new webpack.HotModuleReplacementPlugin()); 
], 
```
webpack.config.devでCSSモジュールローダが動作しません省略します。
```
module: { 
    loaders: [ 
... 
    {test: /(\.css|\.scss)$/, loaders: ['style', 'css?sourceMap', 'sass?sourceMap']} 
    ] 
} 
```
それはあなたがCSSでホットモジュールの交換を使用したいindex.js

2016-05-15 00:46:40

答えて