CSSモジュールが反応しません。いくつかのアイデア？

Question

私は、すべての依存関係をインストール：「

module : { 
    loaders : [ 
     { 
      test: /\.(sass|scss)$/, 
      use: ['style-loader', 'css-loader', 'sass-loader'] 
     }, 
     { 
      test : /\.jsx?/, 
      include : APP_DIR, 
      loader : 'babel-loader' 
     } 
    ] 
} 

しかし、最終的にはdoesnのレンダリング：

"devDependencies": { 
     "css-loader": "^0.26.4", 
     "sass-loader": "^6.0.3", 
     "style-loader": "^0.13.2 
    } 

バンドルが正しく私のインポートを検出：

import styles from './styles.scss'; 

を、私は私のWebPACKの設定を構成しますtはクラスを表示します。 いくつかのアイデア？ありがとうございました！！！

Answer 1

私はそれが完璧なソリューションではありません知っているが、作業をする必要がありますimport "./User.css";

2.InのWebPACKの設定： var ExtractTextPlugin = require('extract-text-webpack-plugin');

3.And次いでWebPACKの設定モジュール部で：

module: { 
    loaders: [ 
     { test: /\.tsx?$/, loader: "awesome-typescript-loader" }, 
     { test: /\.js$/, loader: "source-map-loader", enforce: "pre" }, 
     { 
      test: /\.css$/, 
      loader: ExtractTextPlugin.extract({ 
       fallback: 'style-loader', 
       use: "css-loader", 
      }) 
     } 
    ] 
}, 
plugins: [ 
new ExtractTextPlugin('../css/[name].css') 
] 

Answer 2

あなたのjsxテスト値は間違っていますか？私のプロジェクトのCSSの は1つのbundle.cssファイルにバンドルされており、私の設定は次のとおりです：私が得た

1.Inコンポーネント：

{ 
    test : /\.jsx$/, 
    include : APP_DIR, 
    loader : 'babel-loader' 
}