MorJS 正常情況下的多端規(guī)范示例

以一個需要適配 微信小程序、支付寶小程序 等模式的小程序的 JS 庫舉例： 業(yè)務(wù)項目中可以通過 import { xx } from 'example' 引用依賴，所有的模塊均從根模塊下導(dǎo)出。

目錄結(jié)構(gòu)?

輸出的目錄結(jié)構(gòu)示例

• 在支付寶小程序中會加載的是 lib/index.js 這份文件
• 在微信小程序中會加載的是 miniprogram_dist/index.js 這份文件

- src
  - index.ts（源代碼）
- lib
  - index.js（輸出的 ES5 版本代碼，支付寶小程序加載用）
  - index.d.ts（輸出的類型申明）
- miniprogram_dist
  - index.js（輸出的 ES5 版本代碼，微信小程序加載用）
  - index.d.ts（輸出的類型申明）

package.json 配置示例：

{
  "main": "lib" // 支付寶小程序，缺省情況下使用 main 字段，也可以配置專屬字段 alipay
  "miniprogram": "miniprogram_dist" // 微信小程序
}

模塊規(guī)范說明?

• 微信小程序：微信小程序由于兼容性問題，建議輸出的 module 規(guī)范是 CommonJS 模塊規(guī)范
• 支付寶小程序：由于支付寶小程序支持 node_modules 中使用 ESNext 規(guī)范的模塊，可以方便做 tree shaking，因此在多端版本輸出的情況下，支付寶小程序版本建議輸出的 module 規(guī)范是 ESNext 模塊規(guī)范