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