vue使用scss

想在vue项目中使用scss，因为scss相当于sass的兼容版本，需要安装sass样式加载模块：

cnpm install node-sass
cnpm install sass-loader
cnpm install style-loader

　在配置文件@/build/webpack.base.conf.js中的rules数组中添加这段对象：

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

安装后在vue样式块中添加lang='scss'启动，发现模块报错

 

 原因可能是样式处理模块版本过高，重新安装模块sass-loader版本"7.0.3"

成功启动

若想以导入scss文件的方式引入全局样式变量，还需安装node-sass模块。