vue2.0 中使用scss

安装相关包

npm install node-sass@4.14.1 --save-dev

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

webpack.base.conf.js

修改build文件夹下面的webpack.base.conf.js文件,module->rules下面添加如下新规则。

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

修改style标签

在style标签中添加lang="scss"即可，如果是css文件将.css后缀改为.scss。

原css代码可以在Sass中文网转为sass