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