近期,我们对腾讯 Koala 团队进行了专访 ,一款预处理器语言图形编译工具,支持 Less、Sass、CoffeeScript、Compass 框架的即时编译。本篇文章为大家着重介绍 Koala 工具的使用进行讲解,以供参考。
Koala 代码托管地址: https://code.csdn.net/Tencent/koala
一、安装 Koala
开发者可以直接下载安装包,或者选择从源码编译 Koala,两种方式都可以。
1. 直接下载
可前往 Koala 项目主页,根据系统平台下载对应的版本,Sass 编译要求 Windows/Linux 系统且已安装好 Ruby 运行环境。
2. 从源码编译 Koala
a. 首先克隆 Koala 源码到本地:
- $ git clone < a href = "https://code.csdn.net/Tencent/koala.git" > https: //code.csdn.net/Tencent/koala.git</a>
b. 下载与你系统环境相对应已编译好的 node-webkit(<=0.8.x) 文件 c. 根据使用的操作系统,进行不同的操作:
d. 最后运行 nw 可执行程序。
二、Koala 基本操作
那如何在 Koala 中添加项目,如何批量处理文件?下面为大家介绍下 Koala 的基本操作。
Koala 运行界面
三、详解 "项目配置"
项目配置功能可以对所有项目文件进行设置,制定属于该项目的编译配置,同时以配置文件的形式保存,可以方便团队间配置同步,协作更加高效。
创建配置文件
在 Koala 界面左侧项目列表中选择某个项目,单击右键,"项目配置—新建配置",然后选择相应项目类型,JS、CSS 项目可以选择 "默认" 配置。这样,Koala 将在该项目根目录下创建 koala.config 文件。首次创建配置文件后,右键点击项目,选择 "重新载入" 即可生效配置;后续修改的配置,Koala 将自动读取配置并立即生效。
配置字段介绍
- "mappings": [
- {
- "src": "path/to/source",
- "dest": "path/to/output"
- },
- {
- "src": "path/to/source2",
- "dest": "path/to/output2"
- }
- ]
ignores (Array):过滤文件或目录。
如:
- "ignores": ["*.json", "*.txt", "test", "path/libs"]
更多内容,如怎样在 Koala 中添加 Source Map 选项、如何在 Koala 中安装并使用第三方 Ruby 库,可以参考详细使用文档: https://code.csdn.net/Tencent/koala/wikis 。
来源: http://www.bubuko.com/infodetail-2011393.html