VUE中SCSS的使用方法

1、SCSS是什么

SCSS是CSS的预处理器，当然，它只是其中一种。
CSS的预处理语言有：SCSS（SASS），LESS，POSTCSS。SCSS其实是SASS的升级版。

2、SCSS该怎么用在vue项目中

1. 将SCSS安装到vue项目中

$ (c)npm install sass-loader --save-dev(sass-loader依赖于node-sass，所以node-sass必须要安装)
$(c)npm install node-sass --save-dev

2. 在build文件夹下找到 webpack.base.conf.js 文件
   找到rules，在里面添加

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

3. 在.vue文件中style的部分写上

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

   就可以啦！