Webpack複数のCSSローダー

Question

私はブートストラップCSSをロードして、アプリケーション内で使用するためにウェブパックを利用できるようにしようとしています。しかし、コンポーネント固有のCSSのlocalIndentNameを持つCSSローダーもあり、他のコンポーネント内での名前の競合を避けることができます。このため、ブートストラップのクラス名は、node_modules__blah__blahなどに変更されています。

これを避ける最も簡単な方法は何でしょうか？ CDNがヘッダーに追加されるのは速いですが、ブラウザーはCDNがタイムアウトするように見えますが、CDNがスロットリングされているかどうかは分かりません。（これを修正する方法があれば、最高の解決策、私の意見では）。

構成：

{ 
    test: /(\.css|\.scss)$/, 
    loaders: [ 
    'style?sourceMap', 
    'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]', 
    'resolve-url', 
    'sass?sourceMap', 
    ], 
} 

ありがとう！指導へ

おかげで、ここで私がなってしまったコンフィギュレーションです：

{ 
    test: /(\.css|\.scss)$/, 
    loaders: [ 
     'style?sourceMap', 
     'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]', 
     'resolve-url', 
     'sass?sourceMap', 
    ], 
    exclude: [ 
     path.resolve('node_modules', 'bootstrap-sass') 
    ] 
    }, 
    { 
    test: /\.scss$/, 
    loaders: ['style', 'css', 'sass'], 
    include: [ 
     path.resolve('node_modules', 'bootstrap-sass') 
    ] 
    } 

Answer 1

最善のアプローチは、ブートストラップの少ないまたはサスソースを使用することです。あるいは、{include, exclude}オプションを使用して、レジストリからインストールされたスタイルに対して個別のローダ構成を提供することもできます。