2017-05-26 12 views
0

私はwebpackで作業しており、反応ツールボックスライブラリを設定しようとしています。 私はそれを動作させることができましたが、CSSが読み込まれていません。あなたは反応ツールボックスのCSS設定がwebpack 2で動作しない

これはCSSモジュールをオンにし、またそれを設定します

loader: 'style!css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss' 

あなたのスタイルローダーにこれを追加CSSモジュールを発するようにあなたのスタイルローダーを設定していない

webpack.config.js

答えて

0

postCSSがそれにフックできるようにするため

.scssまたはこれは、使用してローカルに//モジュールをスコープなので、あなたがグローバルなままにしておきたい任意の別の正常なSCSSやCSSを持っている場合、あなたは彼らのために

を別のルールを追加する必要がありますEDIT

としてファイルを混同することができますローダ文字列あなたの他のローダのconfigsは、(上記の文字列は、それらすべてを組み合わせるための速記のように)その配列に残っている場合は、設定オブジェクトを使用して個別に代わりにしてみてください...

{ 
    test: /\.css$/, 
    use: [ 
    'style-loader', 
    { 
     loader: 'css-loader', 
     options: { 
     importLoaders: 1, 
     localIdentName: '[name]__[local]___[hash:base64:5]', 
     modules: true 
     } 
    }, 
    { 
     loader: 'postcss-loader', 
     options: { 
     plugins: [ 
      postcssNext 
     ] 
     } 
    } 
    ] 
} 

は、ツールボックスは、もは​​や移動したSCSSを使用していますリアクトありません私はそれを残しているのでPostCSSに - あなたがそれを使用する場合は同じ方法でそれを追加します

+0

これまでに試したことがありましたが、それは投げた "モジュールが見つかりません:エラー:解決できません" CSSのモジュールとimportLoaders = 1&localIdentName = [name] __ [local] ___ [hash:base64:5] "" – Yotke

+0

ローダー一般的にwebpackにバンドルされていない場合は、スタイルローダーをインストールする必要があります。npm install -D style-loader' – alechill

+0

私はすでにcss-loaderをインストールしており、スタイルローダーは何が間違っているのかわかりません。 – Yotke

関連する問題