Vue项目中使用SCSS

sass是依赖于node-sass，所以要安装node-sass。

sass-loader版本不要过高。

npm install node-sass --save-dev

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

如果安装node-sass报错，无法安装，可能是安装的镜像源国内访问不稳定造成的，可以换成国内的镜像源来下载。

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

这时再执行node-sass的安装命令就可以了。

安装成功后，找到build目录下的webpack.base.conf.js文件，在module/rules下增加如下配置：

{
    test: /\.sass$/,
    loaders: &#91;'style','css','scss']
}

在使用的时候在style标签上添加 lang="scss" ，import引入scss文件。

<style lang="scss">
</style>