MorJS 小程序目錄規(guī)范完善項目

• example 目錄: 小程序頁面，用于直接引用組件，本地預(yù)覽用
• app: 小程序入口
• mor.config.ts: MorJS 小程序配置文件
• mini.project.json: 支付寶小程序項目配置文件
• project.config.json: 微信小程序項目配置文件
• project.tt.json: 字節(jié)小程序項目配置文件
  • 也可以直接使用 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 內(nèi)容示例:

• IDE 預(yù)覽配置

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 內(nèi)容示例:

• 增加 scripts 配置

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

project.config.json 內(nèi)容示例:

{
  "miniprogramRoot": "dist/wechat"
}

mini.project.json 內(nèi)容示例:

{
  "miniprogramRoot": "dist/alipay"
}

項目運(yùn)行:

npm run dev 然后微信小程序 IDE、支付寶小程序 IDE 等打開項目根目錄即可。