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模块。