scss如何编译成css?

摘要:SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件,下面我们来看一下将scss编译为css的方法。

SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。scss文件可以编译为css文件,下面我们来看一下将scss编译为css的方法。

我们可以使用node来将scss编译为css。下面我们来看一下使用node将scss编译为css的方法。

使用nodejs的npm包安装sass


1、安装sass

npm install sass


2、使用以下命令将scss编译为css

sass style.scss style.css


3、sass提供四种编译选项

  • nested:嵌套缩进的css代码,它是默认值。

  • expanded:没有缩进的、扩展的css代码。

  • compact:简洁格式的css代码。

  • compressed:压缩后的css代码。

生产环境当中,一般使用最后一种方法

sass --style compressed style.scss style.css

也可以通过sass监听某个文件或目录,一旦原文件有变动,就会自动生成编译后的版本

sass --watch sass/style.scss:css/style.css

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_8686