vue项目中引入 scss_vue 引入scss

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

npm  install sass-loader --save-dev
npm install node-sass --sava-dev
1
2

1.1下载指定版本

 npm i -D sass-loader@7.1.0
 npm install node-sass --sava-dev
1
2

② 在build文件夹下的webpack.base.conf.js的rules里面添加配置

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

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

<style lang = "scss" >
$color: red;
div {
  color: $color;
}
</style >
1
2
3
4
5
6

参考博文：https://blog.csdn.net/zhouzuoluo/article/details/81010331