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异步加载图片实例分析 2022-12-18
- Ajax实现简单下拉选项效果【推荐】 2022-12-28
- AJAX实现数据的增删改查操作详解【java后台】 2023-02-23
- 【vue】三种获取input值的写法 2023-10-08
- Ajax实现关键字联想和自动补全功能及遇到坑 2023-02-23
- html网页中使用希腊字母的方法 2022-09-21
- 使用HTML5中postMessage知识点解决Ajax中POST跨域问题 2022-10-17
- vue在install时node-sass@4.14.1 postinstall:node scripts/build.js错误解决 2023-07-09
- JavaScript开发简单易懂的Svelte实现原理详解 2023-08-12
- JavaScript函数this指向问题详解 2023-08-12
