MorJS 可以接入第三方的 UI 框架嗎，接入的組件會(huì)一同轉(zhuǎn)端嗎？

可以，理論上（微信/支付寶）小程序原生的組件庫是可以一并轉(zhuǎn)換的，使用方式上，需按照對(duì)應(yīng)平臺(tái)的 npm 組件的規(guī)范來使用，無其他特別的要求。使用方法如下：

注意：我們內(nèi)部并沒有使用任何社區(qū)的組件庫，各第三方 UI 框架表現(xiàn)不同，相關(guān)的兼容性需要具體進(jìn)一步驗(yàn)證

1. 安裝需要接入的第三方 UI 框架，具體方式請(qǐng)參照各 UI 框架的文檔
2. 在配置文件 mor.config.ts 中添加對(duì) node_modules 的處理，具體配置項(xiàng) processNodeModules，相關(guān)文檔請(qǐng)查閱 MorJS 基礎(chǔ)用法 - 配置 processNodeModules

// mor.config.ts
export default defineConfig([
  ...
  {
    name: 'alipay', // 配置名稱
    ...,
    processNodeModules: {
      // 只有 npm 名稱包含 @abc/alsc- 的 npm 才會(huì)被處理
      include: [/@abc\/alsc\-/]
    }
  }
]

3. 在項(xiàng)目中按 照組件庫規(guī)范 來引用組件，或按照實(shí)際路徑引用組件，比如："@vant/weapp/popup/index" 或 "@vant/weapp/lib/popup/index"

{
  "usingComponents": {
    "van-button": "@vant/weapp/button/index", // 引用 @vant/weapp 的 button 組件
    "van-popup": "@vant/weapp/lib/popup/index" // 引用 @vant/weapp 的 popup 組件
  }
}

4. 執(zhí)行編譯命令，用對(duì)應(yīng)平臺(tái) IDE 打開對(duì)應(yīng)產(chǎn)物即可