如果你需要更精确的控制预编译版本所包含的内容,强烈建议下载我们的源码来进行自定义配置并编译独一无二的版本。请参考章节编译及定制。
-如果你需要更精确的控制预编译版本所包含的内容,强烈建议下载我们的源码来进行自定义配置并编译独一无二的版本。请参考章节编译及定制。
-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
文件来定义自己的编译任务。