Sass stylesheet не загружается - webpack

Question

У меня есть один файл style.scss, который импортировал другие таблицы стилей. То, что я хочу достичь, это

1. Загрузите стиль на моей странице
2. Watch любые изменения на всех файлов таблиц стилей для изменения и отражают его жить в браузере (без нажатия на кнопку обновления).

Я использую webpack-dev-сервер для обслуживания файлов. Однако я не вижу стиль, применяемый к моей странице.

Вот мой погрузчик в WebPack конфигурации:

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

и в моей точке входа файла, который main.js меня

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

Когда я бегу WebPack style.css создан правильно , Однако, когда я запускаю приложение с помощью webpack-dev-сервера, я не вижу стиль.

Вы можете найти код на Github

Может кто-то пожалуйста, помогите найти то, что этот вопрос?

Answer 1

я решил его удалить «ExtractTextPlugin» от плагинов и изменение загрузчика

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

Это работает для развития. Для prod мне все еще нужно ExtractTextPlugin для создания styles.css