ux-mobile-terminal-template v1.0.42

组件 && 页面布局开发

• 用于开发和发布pageBuilder平台组件及其页面布局组件

项目结构规范

#源代码目录，项目基础结构，里面列的文件必须按照这个结构存在，其他可按照自己的需求安排。
/src
    #export组件的文件，必须存在
    index.js
    #Page Builder属性配置代码存放的目录
    /props
        #export 属性组件文件
        index.js
#包信息描述
package.json
#文档
README.md
#git忽略文件列表
.gitignore
#npm忽略文件列表
.npmignore
#gulp 任务文件
.gulpfile.js
#ts配置文件
tsconfig.json

代理和调试

• 全局安装@talentui/dev-server工具
• 配置项目代理，在TalentUI页签下，编辑模版，将如下正则复制过去。然后点击添加，项目目录为组件的项目名称(即package.json内name),端口号为3001

\/ux\/upaas\/{{ project }}/release\/dist\/([a-zA-Z]+|\d+)(?:\-\d+\.\d+\.\d+)?(?:\.min)?(\.\w{2,4})

• 再次添加项目，项目目录为组件所属应用的项目名称(可到配置中心 => 应用管理下查看 )，端口号为3001
• 使用switchHost将stnew/stnew03代理到127.0.0.1

package.json字段

package.json在Git仓库初始化的时候会自动创建，其中包含了几个重要的字段

• name： 前端项目名称 不可更改
• appId： 组件所属的应用ID，如果是布局的话，该字段没意义 不可更改
• componentCode: 组件|布局 编码，不可更改
• projectType： 项目类型，标识是组件还是页面布局 不可更改
• version：版本号，开发者需要发布新版本的话，在提交前，手动修改此字段