webpackのcss-loaderでCSS Modukesがうまく動作しません。
調べたところ
javascript
1exports.locals = { 2 "myInput": "_1LSFDF7AGSjr4tqAAn21qj", 3 "myInput": "_1LSFDF7AGSjr4tqAAn21qj" 4};
のようなスクリプトが出力されないといけない様なのですが、
この部分が出力されていません。
webpack.configのmodule部分は下記の様に設定しています。
javascript
1module: { 2 loaders: [ 3 { 4 test: /.js$/, 5 exclude: /node_modules/, 6 loader: 'babel-loader', 7 query: { 8 presets: ['es2015'] 9 } 10 }, 11 { 12 test: /.css$/, 13 loaders: [ 14 'style-loader', 15 { 16 loader: 'css-loader', 17 options: { 18 modules: true 19 } 20 } 21 ] 22 }, 23 { 24 // 追記 25 test: /.(jpe?g|a?png|gif|svg)$/i, 26 loaders: 'url-loader' 27 }, 28 ] 29},
css-loaderのmodulesを設定せずに行くと無事表示されます。
よろしくお願いいたします。
webpack -v 3.10.0
css-loader -v 2.14.2
あなたの回答
tips
プレビュー