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里面就可以看到安装好的这两个插件

vue项目上安装SCSS

 

 3 在index.vue里面的style标签上面加上 lang="scss"

vue项目上安装SCSS

 

 4 此时,sass就已经安装好了,style标签里面就可以写嵌套的css样式了

vue项目上安装SCSS

4.1 /deep/的应用

vue项目上安装SCSS

 

 4.2 ::v-deep的应用

vue项目上安装SCSS

上一篇:在vue-cli使用scss


下一篇:React中less无法使用,less如何配置(暴力简单)