webpack打包scss的问题

Question

webpack打包scss后,然后从js中提出css文件，scss的变量名没有编译，请大家帮我分析一下问题所在和解决办法

{
    test: /\.scss?$/,
    loader: ExtractTextPlugin.extract("style-loader!css-loader!sass-loader")
  },

Answer 1

是不是你的scss文件里没有@import "variables";啊？

Answer 2

找到问题所在了
scss不能写成以下这种类型

.mlr2x {
  margin-left: 1rem;
  margin-right: 1rem;
}

而要写成这样

.mlr2x {margin-left: 1rem;margin-right: 1rem;}

我也不知道为什么这么奇怪

---

给出我最后的解决方案吧
之前的那些问题都是配置错误引起的，下面的配置能够成功编译,

{
    test: /\.scss?$/,
    exclude: /node_modules/,
    loader: ExtractTextPlugin.extract("style","css!sass")
},

上面是因为单独打包出了style文件出来，如果不单独打包出来应该就是

{
    test: /\.scss?$/,
    exclude: /node_modules/,
    loader: ["style","css!sass"]
},