工程管理

本文介绍了蚂蚁动态卡片的工程配置信息。

工程目录结构

一个有效的卡片工程由位于工程根目录下的一个配置文件 .act.config.json 和一组卡片描述文件 .vue.css.json 等组成,目录结构如下所示:
.
├── dist                 // 编译结果文件夹(执行“编译”操作时自动生成)
│   ├── app.manifest     // 应用配置信息(命名格式固定)
│   ├── test_cube        
|   |   ├── main.bin     // 编译产物的二进制文件
|   |   ├── main.json    // 编译产物的 JSON 格式文件
|   |   ├── main.mock    // mock.json 的编译产物
|   |   ├── main.js      // 编译产物的JS逻辑段,便于运行时排查JS段异常
|   |   └── main.zip     // 针对卡片所有产物的整体打包文件
├── test_cube
│   ├── main.vue         //【必需】卡片源码文件,文件名不可改变
│   ├── mock.json        //【可选】卡片 mock 数据
│   ├── manifest.json    //【必需】卡片编译配置文件,文件名不可改变
|   └── main.css         //【可选】卡片样式文件
└── .act.config.json     //【必需】工程配置文件,文件名不可改变

.act.config.json

.act.config.json 是卡片工程的配置文件,当前由蚂蚁动态卡片命令行工具生成,无需修改,不需关注。

说明

.act.config.json 必须位于工程的根目录下。

//.act.config.json

{
  "type": "templates",       // 必填,工程类型,取值支持 templates(普通卡片)
}

manifest.json

manifest.json 是对应卡片的编译配置文件,当前由蚂蚁动态卡片命令行工具生成,无需修改,不需关注。

说明

manifest.json 必须同对应的卡片 main.vue 位于同一路径下。

//        manifest.json
{
  "name": "my-card",       // 选填,卡片名称,卡片发布后以卡片后台 ID 为准。
  "version": "x.x.x",         // 选填,卡片版本,卡片发布后以卡片后台版本为准。
  "compilerType": 1,        // 选填,卡片编译模式,0(静态卡片) | 1(动态卡片,支持 JS,推荐使用),默认 0。
  "jsformat": 1,            // 选填,卡片 JS 编译格式,0(表达式导出) | 1(IIFE 导出,支持 JS import,推荐使用),默认 0。
}

工程示例

test_cube.zip