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


基础教程推荐
猜你喜欢
- 原生ajax瀑布流demo分享(必看篇) 2023-02-01
- Unicode中的常用字母小结 2022-09-21
- ajax实现数据分页查询 2023-01-31
- AJax 把拿到的后台数据在页面中渲染的实例 2023-02-22
- Ajax提交表单并接收json实例代码 2023-02-13
- JavaScript垃圾回收机制(引用计数,标记清除,性能优 2022-08-31
- 在IE中为abbr标签加样式 2022-10-16
- 解决:layUI数据表格+简单查询 2022-12-16
- 纯javascript的ajax实现php异步提交表单的简单实例 2022-12-28
- 关于ajax异步访问数据的问题 2023-02-23