Sassスタイルシートがロードされていません - webpack

Question

他のスタイルシートをインポートした1つのstyle.scssファイルがあります。私は何を達成したいこと（リフレッシュボタンをクリックせずに）私のページ

ウォッチ変更のためのすべてのスタイルシートファイルの変更と、それがブラウザに住んで反映さに

1. ロードスタイルです。

ファイルを提供するためにwebpack-dev-serverを使用しています。しかし私は私のページに適用されたスタイルを見ることができません。ここで

はWebPACKのコンフィグで私のローダーです：

modules: { 
     loaders: [ 
      { 
      test: /\.scss$/, 
      loader: ExtractTextPlugin.extract("style-loader", "css-loader!autoprefixer-loader!sass-loader") 
      } 
     ] 
}, 
plugin: [ 
    new ExtractTextPlugin('styles.css') 
] 

と私はWebPACKの実行すると、私は

require('../scss/style.scss'); 

のstyle.cssが正しく作成されていmain.jsである私のエントリ・ポイント・ファイルに。しかし、webpack-dev-serverを使ってアプリケーションを実行すると、スタイルが適用されていないことがわかります。

あなたは誰かが問題だものを見つけるために助けてくださいGithub

上のコードを見つけることができますか？

Answer 1

私は、これは、開発のために働くのプラグインから「ExtractTextPlugin」を削除し、ローダー

{ 
    test: /\.scss$/, 
    loaders: ['style', 'css', 'sass'] 
    } 

を変えることによってそれを解決しました。私はまだstyles.cssを作成するExtractTextPluginが必要です