-
Notifications
You must be signed in to change notification settings - Fork 522
如何使用项目配置功能?
选中项目后右键,依次选择"项目配置" --> "新建配置" --> 选择你使用的语言。 操作后Koala将在该项目目录下生成"koala-config.json"文件,然后就可以编辑此文件来设置你需要的编译配置。
当"koala-config.json"文件被修改后,Koala将自动读取里面的设置并重新载入该项目。
(string) 语言类型,无需编辑。
(string) 设置项目的根路径,默认值是"/",即"koala-config.json"文件所在目录。
(string) 指定sass/less/coffee 文件所在目录,请使用相对与"http_path"的路径。
默认下Koala会读取项目目录下的所有目录及文件,设置后将只读取该目录下面的文件。
(string) 指定css/javascripts输出目录,使用相对与"http_path"的路径。 默认输出路径是与编译文件同级目录,设置后将在指定的目录输出相应css/javascripts文件。
指定文件默认的编译选项。
如果想自定义某个文件,依然可以在选中文件后右侧展开的设置栏中设置。
(array) 如果"options"中没有你需要的选项,你可以在这里添加。
添加时请使用选项的全名,如"-h, --help"请使用"--help"。
如果你已安装编译组件,在终端中运行"sass -h"、"lessc -h"、"coffee -h"可以看到全部的编译选项。
(array) 指定Less/Sass @import
文件的引用路径,等价于Less的"--include-path"选项或Sass的"--load-path PATH"选项,请直接填写引用目录的完整路径。
场景示例:假如Sass组件"zurb-foundation"存放在/home/libs/zurb-foundation
目录,而你的Sass文件存放在/home/workspaces/project/sass/app.scss
,此时如果你想使用"zurb-foundation"组件,可以在"include_paths"中添加路径,如:["/home/libs/zurb-foundatio"],然后即可直接在"app.scss"使用@import "foundation/components/global";
。
(array) 在执行Sass编译前载入指定的ruby库,可指定多个库。 等价于Sass选项"--require LIB"。
/* START Navbar style+layout changed 260422*/ .navbar-collapse ul.nav.navbar-nav > li { width: 150px; border-bottom: 2px solid #b2b2b2; height: 70px; } .navbar-collapse ul.nav.navbar-nav > li.active { height: 70px; border-bottom: 3px solid #257FA6 !important; } .navbar-collapse ul.nav li a { font-size: 16px !important; font-family: 'Open Sans' !important; color: #2c2c2c !important; height: 54px; border-right: 2px solid #b2b2b2; text-align: center; padding: 10px 18px !impo