本文介绍初始化及构建命令行工具的步骤。
初始化
当工程脚手架初始化完后,如果需要新增页面,除了单纯的复制粘贴以外,提供了以下命令来添加页面定义和组件定义:
init-page
命令格式
kylin init-page <pageName>
上述命令中
pageName
为必选参数 ,指新创建页面的英文名称。如果当前 cwd 下有
package.json
并且存在kylinApp
字段,则会自动往kylinApp.pages
添加新增的 page。
init-component
命令格式
kylin init-component <componentName>
上述命令中
componentName
为必选参数 ,指新创建组件的英文名称。如果当前 cwd 下有
package.json
并且kylinApp.pages
大于 1 个 page,会提示选择在哪个page/components
目录下创建。
构建
本部分介绍工具构建的命令格式、公共资源包注入的构建提示。
命令格式
kylin build # ... args
项目常用构建
kylin build --dev # dev 构建及静态服务器
kylin build --server --no-prod --hot # dev 构建及静态服务器及启用热更新
kylin build --server # prod 构建及静态服务器
kylin build --no-prod --watch # dev 构建及监听文件变化
命令行入参
参数名 | 类型 | 备注 |
---|---|---|
—dev | boolean | 同旧版 buildtool 一致,使用 dev 的 conf 并开启 server。开启该选项会强制设置 |
—no-prod | boolean |
|
—server | boolean | 只开启静态服务器,开启该选项会强制设置 |
—verbose | boolean | webpack 输出明细。 |
—watch | boolean | 是否检测文件变化。 |
—no-compress | boolean | 关闭压缩,默认启用压缩。 |
—no-common | boolean | 关闭 |
—hot | boolean | 开启热更新,默认关闭,只能在 |
—open [entry] | boolean, String | 只能在 |
—mock | boolean, String | 开启 |
kylinApp 配置选项
参数名 | 类型 | 备注 |
---|---|---|
devPort | Number | 默认监听 IPv4 的 |
pageTemplate | String | 页面模板路径。 |
output | String | 输出相对目录。 |
options | Object | 额外选项,如下所示。 |
dirAlias | Object | 等同于 |
公共资源包注入构建提示
对于以下 require
/ import
的包路径,会自动注入对应 <script>
/ <link>
标签到对应 HTML 中。
包名 | 映射全局对象 | 映射路径 |
---|---|---|
fastclick | FastClick |
|
vue | Vue |
|
es6-promise | Promise |
|
fetch | fetch |
|
zepto | Zepto |
|
- 本页导读 (0)