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://fly63.com/article/detial/8686