摘要 今天小编跟大家讲解下有关scss如何编译成css ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关scss如何编译成css 的相关

今天小编跟大家讲解下有关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

来源：爱蒂网