没有加载Sass样式表- webpack

Question

我只有一个样式。导入其他样式表的SCSS文件。我想实现的是

1. 在我的页面上加载样式
2. 观察所有样式表文件的任何变化，并将其反映在浏览器上(无需单击刷新按钮)。

我使用webpack-dev-server来提供文件。但是，我无法看到应用到我的页面的样式。

这是我在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-server运行应用程序时，我看不到样式应用。

你可以在Github上找到代码

有谁能帮忙找出问题是什么吗?

Answer 1

我通过从插件和更改加载器中删除"ExtractTextPlugin"来解决这个问题

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

这适用于开发。对于prod，我仍然需要ExtractTextPlugin来创建样式。css