MorJS 小程序目录规范完善项目

• example 目录: 小程序页面，用于直接引用组件，本地预览用
• app: 小程序入口
• mor.config.ts: MorJS 小程序配置文件
• mini.project.json: 支付宝小程序项目配置文件
• project.config.json: 微信小程序项目配置文件
• project.tt.json: 字节小程序项目配置文件
  • 也可以直接使用 project.config.json 文件
• project.qq.json: QQ 小程序项目配置文件
  • 也可以直接使用 project.config.json 文件
• project.swan.json: 百度小程序项目配置文件
• project.taobao.json: 淘宝小程序项目配置文件
• project.kuaishou.json: 淘宝小程序项目配置文件
  • 也可以直接使用 mini.project.json 文件
• project.dd.json: 钉钉小程序项目配置文件
  • 也可以直接使用 mini.project.json 文件
• package.json: NPM 依赖配置文件

- example
  - index.js
  - index.wxss
  - index.wxml
  - index.json
- app.js
- app.json
- package.json
- mini.project.json
- project.config.json
- project.tt.json
- project.qq.json
- project.swan.json
- project.dd.json
- mor.config.ts

example/index.json 示例:

• 引用组件

{
  "defaultTitle": "组件测试页",
  "usingComponents": {
    "demo-component": "../component/index"
  }
}

example/index.wxml 示例:

<view class="example-page">
  <demo-component />
</view>

app.json 示例:

• 增加页面入口

{
  "pages": ["example/index"]
}

mor.config.ts 内容示例:

• IDE 预览配置

import { defineConfig } from '@morjs/cli'

export default defineConfig([
  {
    name: 'ali',
    sourceType: 'alipay',
    target: 'alipay',
    compileMode: 'bundle'
  },
  {
    name: 'wechat',
    sourceType: 'alipay',
    target: 'wechat',
    compileMode: 'bundle'
  }
])

package.json 内容示例:

• 增加 scripts 配置

{
  "scripts": {
    "compile": "mor compile",
    "dev": "mor compile --watch"
  }
}

project.config.json 内容示例:

{
  "miniprogramRoot": "dist/wechat"
}

mini.project.json 内容示例:

{
  "miniprogramRoot": "dist/alipay"
}

项目运行:

npm run dev 然后微信小程序 IDE、支付宝小程序 IDE 等打开项目根目录即可。