MorJS globalComponentsConfig

2024-01-23 11:14 更新
是否必填 參數(shù)類型 默認值 參數(shù)含義
object 點擊查看 用于配置 小程序組件=>web 組件 的映射表

背景補充說明:將小程序的代碼轉(zhuǎn)換成 Web 端的一個前提是,我們需要在 Web 端 1:1 實現(xiàn)小程序支持的組件。在編譯過程中維護了一張映射表,在編譯的過程中將小程序的組件進行替換,比如 view 組件,我們將其替換成了 tiga-view,那么 tiga-view 從哪里來呢?實際上,我們在 1:1 實現(xiàn)小程序的時候使用了 Web Components(選用 Google 開源的 lit),所以我們只需要在項目運行時,在頂部將 tiga-view 這個自定義組件注冊就可以正常使用了。

如果我們遇到了以下場景我們可能會考慮使用 globalComponentsConfig 配置:

  1. Web端 需要通過條件編譯渲染一些小程序不支持的組件,這個組件直接使用 web-components 實現(xiàn);
  2. MorJS 提供的組件實現(xiàn)和支付寶小程序是一致的,無法定制,需要使用 web-components 實現(xiàn)一些定制組件。

需要注意的是,如果要配置此項,你需要將自定義的 web-components 提前注冊,一般要么自定義 entry,要么在 htmlOptions 配置中自定義 templateContent,然后在頂部引入。以上兩個配置接下來我們都會介紹

配置示例 ??:

...
web: {
  globalComponentsConfig: {
    'view': 'custom-view', // 將 view 映射到自定義的 custom-view 組件
  }
}
...


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號