关于css3: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