SASS 基本操作

2018-10-22  本文已影响0人  DC_base_

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

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

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

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

 * compressed:压缩后的css代码。

如果要将显示结果保存成文件,后面再跟一个.css文件名。

  sass test.scss test.css

把sass/style.scss转译出来的style.css放入了css目录之下

     sass sass/style.scss css/style.css

你也可以让SASS监听某个文件或目录,一旦源文件有变动,就自动生成编译后的版本

       // watch a file

  sass --watch input.scss:output.css

  // watch a directory

  sass --watch app/sass:public/stylesheets

       sass --watch sass/style.scss

上一篇下一篇

猜你喜欢

热点阅读