tf-mini-address-detail

小程序组件

对于小程序组件，magic工具的发布流程与web端完全相同,唯一不同的点是小程序会自动生成示例代码

发布流程

# 选择小程序模板并安装依赖（内网不一定有小程序模板依赖包部分版本 https://registry.npmjs.org/）
$ magic create & cd <yourpackage> & npm i 

# 启动,使用微信开发工具打开工程下miniprogram_dev目录测试组件编写效果
$ magic start

# 提交审核，并联系傅建良@24952审核
$ magic pub -m <msg>

# 发布正式并推送到微信
$ magic latest -wx <msg>

目录结构

🌟 组件在src目录下开发，测试的项目外壳代码在tools/demo

🌟 miniprogram_dev目录动态监听以上两者的运行时，只做调试用

magic命令在小程序组件官方模板上增加了MDX文档监听功能

• 目录结构如下：

tf-mini-xxx
|---src               // 组件编写位置
|---miniprogram_dev   // 运行时目录，监听demo与src文件自动变更
|---tools
         |---demo     // 项目外壳
|---README.MDX        // 预览平台文档，监听miniprogram_dev自动变更

组件平台示例代码

• README.MDX将自动生成示例代码

  • 工具会持续监听miniprogram_dev/pages/index以下的4个文件
  • index.js index.wxml index.json index.wxml

• 在README.MDX 文件自行编写api等其他信息

进阶：

• magic start会监听 tools 目录下的 demo 变动并进行拷贝，并监听src目录下的组件们。
• 如果有额外的构建需求，可自行修改 tools 目录中的构建脚本。
• 内置支持 webpack、less 语法、sourcemap 等功能，默认关闭。如若需要可以自行修改 tools/config.js 配置文件中相关配置。
• 内置支持多入口构建，如若需要可自行调整 tools/config.js 配置文件的 entry 字段。
• 默认开启 eslint，可自行调整规则或在 tools/config.js 中注释掉 eslint-loader 行来关闭此功能。