5***@qq.com
5***@qq.com
  • 发布:2016-08-10 08:59
  • 更新:2016-08-10 08:59
  • 阅读:5454

分享Hbuilder sass scss 的libsass高效编译程序和配置

分类:HBuilder

众所周知,使用Ruby编译sass和scss文件的效率非常慢,而libsass是使用c及c++语言编写实现的sass scss编译方式,本人通过git下载源码编译成exe,经过实测,sass和scss的编译全部做到秒编,本着好东西要分享的精神,放上来方便有这方面需求的coder。
配置方法:
工具》预编译器设置》选择.sass,.scss,如果没有该选项,点新建,配置方式如图

另外压缩包里是编译程序,推荐放置到Hbuilder目录下

截图中的几行配置代码,方便Ctrl+C Ctrl+V 伸手党

.sass,.scss
D:\Program Files\HBuilder\sassc\sassc.exe --你本地的sassc.exe路径
-t compressed %FileName% ../css/%FileBaseName%.css --compressed代表压缩方式,其他有nested,expanded,compact表示的css的格式,可自行测试。

如果提示编译失败,有可能是缺少vc运行时环境,请自行百度下载,本人的vc11运行无误。

7 关注 分享
lhyh Trust 赵梦欢 HB_一三 ztingjian m***@163.com 依米

要回复文章请先登录注册

依米

依米

谢谢谢谢,找到你们这个终于解决了!我这样写:
--no-cache %FileName% %FileBaseName%.css --style compact
2017-05-24 14:23
1***@qq.com

1***@qq.com

出现OptionParser::InvalidOption: invalid option: --compressed
Use --trace for backtrace.怎么办,求大牛解答
2016-09-16 22:05
水逸

水逸

非常好用
2016-09-08 10:34
w***@163.com

w***@163.com

vc环境怎么配置
2016-09-03 09:16
ztingjian

ztingjian

mark
2016-08-17 14:37