全部产品
云市场
云游戏

命令行工具

更新时间:2019-09-26 18:35:05

初始化

当工程脚手架初始化完后,如果需要新增页面,除了单纯的复制粘贴以外,提供了以下命令来添加页面定义和组件定义:

init-page

命令格式

  1. kylin init-page <pageName>

注意事项

  • 上述命令中有必选参数 pageName 指在新创建页面的页面英文名称。
  • 如果当前 cwd 下有 package.json 存在并且存在 kylinApp 字段,则会自动往 kylinApp.pages 添加新增的 page

init-component

命令格式

  1. kylin init-component <componentName>

注意事项

  • 上述命令中有必选参数 componentName 指在新创建组件的组件英文名称。

  • 如果当前 cwd 下有 package.json 存在并且存在 kylinApp.pages 大于 1 个 page,会提示选择在哪个 page/components 目录下创建。

构建

本部分介绍工具构建的命令格式、公共资源包注入的构建提示。

命令格式

  1. kylin build # ... args

项目

常用使用

  1. kylin build --dev # dev构建及静态服务器
  2. kylin build --server --no-prod --hot # dev构建及静态服务器及启用热更新
  3. kylin build --server # prod构建及静态服务器
  4. kylin build --no-prod --watch # dev构建及监听文件变化

命令行入参

参数名 类型 备注
—dev boolean 同老buildtool一致,使用dev的conf并开启server。开启该选项会强制设置 prod=false,server=true,hot=true
—no-prod boolean prodtrue 时使用prod的conf编译,为 false 时使用dev的conf编译,同理设置 NODE_ENV
—server boolean 只开启静态服务器,开启该选项会强制设置 watch=true
—verbose boolean webpack输出明细
—watch boolean 是否检测文件变化
—no-compress boolean 关闭压缩,默认启用压缩
—no-common boolean 关闭 CommonsChunkPlugin,默认开启common
—hot boolean 开启热更新,默认关闭,只能在 prod=falseserver=true 时使用
—open [entry] boolean,string 只能在 --server 时有效,会打开 entry 指定的入口 URL,只 --open 但未明确指定 entry 时会处理第一个
—mock boolean,string 开启 mock 插件读取 ./mock/mock.config.js

kylinApp配置选项

参数名 类型 备注
devPort number 默认监听IPv4的0.0.0.0:8090端口
pageTemplate string 页面模板路径
output string 输出相对目录
options Object 额外选项,如下
dirAlias Object 等同于 webpack.resolve.alias,如{ common:’./src/common/‘ }

构建提示

公共资源包注入

对于以下 require / import 的包路径,会自动注入对应 <script> / <link> 标签到对应 HTML 中。

包名 映射全局对象 映射路径
fastclick FastClick as.alipayobjects.com/g/luna-component/luna-fastclick/0.1.0/index.js
vue Vue a.alipayobjects.com/g/h5-lib/vue/2.1.6/vue.min.js
es6-promise Promise as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js
fetch fetch as.alipayobjects.com/g/component/fetch/1.0.0/fetch.min.js
zepto Zepto a.alipayobjects.com/amui/zepto/1.1.3/zepto.js