1 安装sass 依赖包 ,在cmd界面输入:npm install sass-loader@4.0.0 --save-devnpm install node-sass@5.0.0 --save-dev注意:5.0.0版本的node-sass须配合4.0.0版本的sass-loader来使用(考虑两个插件之间版本高低的...
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的应用

沃梦达教程
本文标题为:vue项目上安装SCSS
基础教程推荐
猜你喜欢
- CSS3的几个标签速记(推荐) 2024-04-07
- 基于Vue制作组织架构树组件 2024-04-08
- 浅谈Vue2和Vue3的数据响应 2023-10-08
- js禁止页面刷新与后退的方法 2024-01-08
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- Ajax实现动态加载数据 2023-02-01
- JS前端广告拦截实现原理解析 2024-04-22
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- this[] 指的是什么内容 讨论 2023-11-30
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
