README
组件 && 页面布局开发
- 用于开发和发布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:版本号,开发者需要发布新版本的话,在提交前,手动修改此字段