[Sass]命令编译

命令编译是指使用你电脑中的命令终端,通过输入 Sass 指令来编译 Sass。这种编译方式是最直接也是最简单的一种方式。因为只需要在你的命令终端输入:

单文件编译:

sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css

这是对一个单文件进行编译,如果想对整个项目所有 Sass 文件编译成 CSS 文件,可以这样操作:

多文件编译:

sass sass/:css/

上面的命令表示将项目中“sass”文件夹中所有“.scss”(“.sass”)文件编译成“.css”文件,并且将这些 CSS 文件都放在项目中“css”文件夹中。

缺点及解决方法:

在实际编译过程中,你会发现上面的命令,只能一次性编译。每次个性保存“.scss”文件之后,都得重新执行一次这样的命令。如此操作太麻烦,其实还有一种方法,就是在编译 Sass 时,开启“watch”功能,这样只要你的代码进行任保修改,都能自动监测到代码的变化,并且给你直接编译出来:

sass --watch <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css

当然,使用 sass 命令编译时,可以带很多的参数:

watch 举例:

来看一个简单的示例,假设我本地有一个项目,我要把项目中“bootstrap.scss”编译出“bootstrap.css”文件,并且将编译出来的文件放在“css”文件夹中,我就可以在我的命令终端中执行:

sass --watch sass/bootstrap.scss:css/bootstrap.css

一旦我的 bootstrap.scss 文件有任何修改,只要我重新保存了修改的文件,命令终端就能监测,并重新编译出文件:

[Sass]常见的编译错误

在编译 Sass 代码时常常会碰到一些错误,让编译失败。这样的错误有系统造成的也有人为造成的,但大部分都是人为过失引起编译失败。

而最为常见的一个错误就是字符编译引起的。在Sass的编译的过程中,是不是支持“GBK”编码的。所以在创建 Sass 文件时,就需要将文件编码设置为“utf-8”。

另外一个错误就是路径中的中文字符引起的。建议在项目中文件命名或者文件目录命名不要使用中文字符。而至于人为失误造成的编译失败,在编译过程中都会有具体的说明,大家可以根据编译器提供的错误信息进行对应的修改。


转自慕课网

最新文章

  1. gdb可以调试python的pdb么
  2. SQLServer 数据库查看死锁、堵塞的SQL语句
  3. android 导入自己的生成的jar,老是 could not find class
  4. lucene教程简介
  5. html5本地存储的解决
  6. 百度翻译&amp;&amp;金山词霸API
  7. CODEVS 2055 集合划分
  8. autoplay media studio couldn&#39;t load
  9. 阿里云服务器Ubuntu 14.04.2和centos7.5实现nfs挂载
  10. kubenetes服务发现
  11. day9 字符串格式化输出 % .format()
  12. 20165311 实验一 Java开发环境的熟悉
  13. 优云软件又双叒通过CMMI ML3评估 , 研发和质量管理水平创新高
  14. Linux 管道
  15. Python 爬虫实例(12)—— python selenium 爬虫
  16. [大数据]-hadoop2.8和spark2.1完全分布式搭建
  17. JDBC实例--通过连接工具类DBUtil +配置文件来获取连接数据库,方便又快捷
  18. C# 关于调用office com组件导出Excel
  19. [Objective-C语言教程]类和对象(24)
  20. pid文件的作用

热门文章

  1. &lt;&lt;Bootstrap基础教程&gt;&gt; 新书出手,有心栽花花不开,无心插柳柳成荫
  2. js的this上下文的坑
  3. C# 对 App.config的appSettings节点数据进行加密
  4. UITableView的使用
  5. MySQL学习
  6. css-css权威指南学习笔记5
  7. bzoj2179: FFT快速傅立叶
  8. Alpha阶段项目Postmortem
  9. bzoj 2756奇怪的游戏
  10. 问你觉得iOS7为什么要扁平化,扁平化和之前的比有什么优势