webpackで複数のCSSローダーに反応する

Question

私は反応ブートストラップとCSSモジュールを使用しています。私のCSSモジュールは、この設定が必要しかし

{ test: /\.css$/, loader: "style-loader!css-loader" } 

：

{ 
    test: /\.css$/, 
    loaders: [ 
     'style?sourceMap', 
    'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]' 
    ] 
} 

はどうやって作るためにそれらを組み合わせてください私のwebpack.config.jsでは、私はこの設定で私のbootstrap.cssを実行することができています1をグローバルCSS（ブートストラップなど）とCSSモジュールのための他のために：それはあなたが両方のローダーを維持する可能性があるCSSモジュールのために働くと反応させ、ブートストラップ

Answer 1

。

、同じtest性質を持つローダー間の競合を避けるために使用するのWebPACKのルールincludeとexcludeプロパティ：

{ 
    test: /\.css$/, 
    loader: "style-loader!css-loader", 
    include: [ 
    /* Paths to Bootstrap and further global CSS only */ 
    ] 
}, 
{ 
    test: /\.css$/, 
    loaders: [ 
    'style?sourceMap', 
    'css?modules&importLoaders=1&localIdentName[path]___[name]__[local]___[hash:base64:5]' 
    ], 
    include: [ 
    /* eg. Paths to your source directory */ 
    ] 
}