4.3、Vue 配置 scss 解析

2.1、配置 scss 解析

https://blog.csdn.net/robot7th/article/details/100642085

安装sass 依赖包 ，在cmd界面输入：

cnpm install node-sass sass-loader@7.3.1 css-loader --save-dev
cnpm install file-loader --save-dev
cnpm install postcss-loader --save-dev
cnpm install raw-loader --save-dev
cnpm install less less-loader --save-dev

2.找到build中webpack.base.conf.js,在rules中添加scss规则

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

④ 使用scss时候在所在的style样式标签上添加lang=”scss”即可应用对应的语法，否则报错

⑤ scss使用测试：如下测试修改字体颜色

<style lang="scss">
$color:red;
div {color:$color;}
</style>