vue項目上安裝SCSS

1 安裝sass 依賴包 ，在cmd界面輸入：

npm install sass-loader@4.0.0 --save-dev
npm install node-sass@5.0.0 --save-dev

注意：5.0.0版本的node-sass須配合4.0.0版本的sass-loader來使用(考慮兩個插件之間版本高低的配合問題)

2 在package.json里面就可以看到安裝好的這兩個插件

 

 3 在index.vue里面的style標簽上面加上 lang="scss"

 

 4 此時，sass就已經安裝好了，style標簽里面就可以寫嵌套的css樣式了

4.1 /deep/的應用

 

 4.2 ::v-deep的應用