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
基础教程推荐
猜你喜欢
- HTML clearfix清除浮动讲解 2022-11-20
- 在实战中可能碰到的几种ajax请求方法详解 2023-02-01
- Ajax发送和接收请求 2022-12-15
- uniapp开发微信小程序自定义顶部导航栏功能实例 2022-10-21
- Javascript Bootstrap的网格系统,导航栏和轮播详解 2023-08-11
- 使用ajax跨域调用springboot框架的api传输文件 2023-02-23
- Ajax+smarty技术实现无刷新分页 2022-12-15
- 关于Ajax跨域问题及解决方案详析 2023-02-23
- JS滚动到顶部踩坑解决记录 2023-07-10
- cocos creator游戏实现loading加载页面,游戏启动加载动画 2022-10-29