webpack window 使用sass来编译css样式

1.执行安装：

npm install sass-loader --save-dev (此处不行的话就换上npm install node-sass)

2.稍微修改一下config，删掉我们先前添加的css规则，加上下面的loader

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

添加两个sass文件，variables.scss和main.scss

variables.scss

$red: red;

main.scss

@import "./variables.scss";

h1 {
  color: $red;
}

在index.js中引用

require('./main.scss');

然后发现标题如愿变红，相当简单吧。

来源：链接：http://zhuanlan.zhihu.com/p/20367175