【vue】vue中引入sass

1.使用vue-cli

vue init webpack name

2.安装sass， 最新版的sass-loader已经不能再vue2下正常运行了，所以要指定版本。

npm install --save-dev sass-loader@7.3.1 

npm install --save-dev node-sass

3.修改Vue中的style

<style lang="scss">
  $color: red;
  #app {
    background: $color;
  }
</style>

此时就已经能正常使用了

4.配置.sass的编译

在build文件夹下的webpack.base.conf.js的rules里面添加配置

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