sass命令

1、将scss转化成css
sass test.scss test.css

2、将scss文件转化成css时进行监听
sass --watch input.scss:output.css

3、编译时对文件夹进行监听

  sass --watch 源文件夹:编译之后的文件夹
  sass --watch scss:css

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

nested:嵌套缩进的css代码,它是默认值。
expanded:没有缩进的、扩展的css代码。
compact:简洁格式的css代码。
compressed:压缩后的css代码。

生产环境当中,一般使用最后一个选项
sass --style compressed test.sass test.css

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Sass&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 1,658评论 0 3
  • 单文件编译: 这是对一个单文件进行编译,如果想对整个项目所有 Sass 文件编译成 CSS 文件,可以这样操作: ...
    砚婉儿阅读 877评论 0 0
  • Sass(Syntactically Awesome StyleSheets) 是对 CSS 的扩展,让 CSS ...
    於風聽語阅读 5,437评论 6 10
  • 1、SCSS 是 Sass 的新语法格式,从外形上来判断他和 CSS 长得几乎是一模一样,代码都包裹在一对大括号里...
    夜幕小草阅读 1,814评论 2 10
  • 什么是CSS预处理器 CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一...
    青青玉立阅读 1,258评论 0 0

友情链接更多精彩内容