ZUI使用 Grunt 作为构建系统。如果不了解 Grunt 也没有关系,Grunt是一个非常棒而且容易上手的工具。下面给出简要步骤来准备编译ZUI,如果想了解更多请访问Grunt官方网站。
ZUI使用 Grunt 作为构建系统。如果不了解 Grunt 也没有关系,Grunt是一个非常棒而且容易上手的工具。下面给出简要步骤来准备编译ZUI,如果想了解更多请访问Grunt官方网站。
Grunt构建在nodejs之上。在安装Grunt之前需要首先下载并安装node.js。最新版的nodejs已包含npm(node packaged modules)。npm是nodejs用来管理扩展包的工具。
安装nodejs之后,在命令行进行如下操作:
grunt-cli
:npm install -g
grunt-cli
。npm
install
命令。nmp将读取包配置文件package.json
文件并自动安装所有依赖的扩展包。完成上述步骤就可以进行编译了。只需要进入ZUI中使用命令行输入对应的命令就可以启动编译任务。内置的build
命令可以完成大部分编译任务。以下为ZUI内置的一些常用任务命令。
命令 | 说明 | 输出目录 |
---|---|---|
grunt build:standard |
编译标准版 |
|
grunt build:lite |
编译简洁版 |
|
grunt build:dist |
编译标准版和简洁版以及常用独立组件 |
|
grunt dist |
grunt build:dist 的简单写法 |
|
grunt build:doc |
编译文档所需资源 |
|
grunt build:theme |
编译主题 |
|
grunt build:[build name] |
编译独立组件包,[build
name] 为组件包名称,可以为calendar 、kindeditor 、chosen 等 |
|
grunt build:[control name] |
编译单独控件,[control
name] 为控件名称,可以为button 、alerts 、panels 等 |
|
如果了解Grunt,当然可以通过编辑Gruntfile.js
文件来定义自己的编译任务。