scss怎么编译成css?

SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。也就是说,任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。

scss编译成css的方法:

1、必须先安装ruby(注:mac下自带Ruby无需在安装Ruby!),安装完成后需测试安装有没有成功,运行CMD输入以下命令:ruby -v(第二步可使用sass -v);

gem install sass

3、sass style.scss style.css 即可将style.scss 编译成 style.css

SASS提供四个编译风格的选项:

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

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

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

  • compressed:压缩后的css代码。

生产环境当中,一般使用压缩选项。

sass --style compressed style.sass style.css

也可以让SASS监听某个文件或目录,自动生成编译后的版本。

sass --watch style.scss:style.css

以上就是scss怎么编译成css?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读