scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？
scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？
展开
收起
2
条回答
写回答
写回答
-
有点尴尬唉 你要寻找的东西已经被吃掉啦！预编译语言。
和less一样
下载scss支持和scss编译模块
css-loader、node-loader、sass-loader
2020-03-25 22:35:33赞同 展开评论 打赏 -
css的预编译。（scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号） 使用步骤：
第一步：先装css-loader、node-loader、sass-loader等加载器模块
第二步：在build目录找到webpack.base.config.js，在那个extends属性中加一个拓展.scss
第三步：在同一个文件，配置一个module属性
第四步：然后在组件的style标签加上lang属性 ，例如：lang=”scss”
特性:
· 可以用变量，例如（$变量名称=值）；
· 可以用混合器，混入@mixin 可以传变量
· 可以嵌套
继承@extend 不可以传变量，相同样式直接继承，不会造成代码冗余；基类未被继承时，也会被编译成css代码
2020-02-17 17:35:07赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
