龙空技术网

74、scss 是什么?在 Vue-cli 中的安装使用步骤是?有哪几大特性?

池梓沐 126

前言:

此刻朋友们对“scss和css”大致比较关怀,兄弟们都想要了解一些“scss和css”的相关知识。那么小编也在网摘上汇集了一些有关“scss和css””的相关内容,希望朋友们能喜欢,姐妹们一起来了解一下吧!

1、基本定义

SCSS 即是 SASS 的新语法,是 Sassy CSS 的简写,是 CSS3 语法的超集,也就是说所有有效的 CSS3 样式也同样适合于 SASS,SASS 是 CSS3 的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等,通过使用命令行的工具或 WEB 框架插件把它转换成标准的、格式良好的 CSS 代码。

2、使用步骤:

(1,1)先装 css-loader、node-loader、sass-loader 等加载器模块

(1,2)在 build 目录找到 webpack.base.config.js,在那个 extends 属性中加一个拓展.scss

(1,3)在同一个文件,配置一个 module 属性

(1,4)然后在组件的 style 标签加上 lang 属性 ,例如:lang=”scss”

3、特性:

(3,1)可以用变量,例如($变量名称=值)

(3,2)可以用混合器,例如()

(3,3)可以嵌套

标签: #scss和css