美文网首页
SASS 基本操作

SASS 基本操作

作者: DC_base_ | 来源:发表于2018-10-22 15:00 被阅读0次

    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

    相关文章

      网友评论

          本文标题:SASS 基本操作

          本文链接:https://www.haomeiwen.com/subject/nhdgzftx.html