SASS 基本操作

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&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 5,408评论 0 3
  • Sass(Syntactically Awesome StyleSheets) 是对 CSS 的扩展,让 CSS ...
    於風聽語阅读 10,703评论 6 10
  • 什么是CSS预处理器 CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一...
    青青玉立阅读 4,778评论 0 0
  • 1、SCSS 是 Sass 的新语法格式,从外形上来判断他和 CSS 长得几乎是一模一样,代码都包裹在一对大括号里...
    夜幕小草阅读 5,689评论 2 10
  • 2015年10月19日1.SASS和SCSS的区别1)文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而...
    a0d560da7818阅读 4,090评论 0 4