MorJS globalComponentsConfig

背景補(bǔ)充說(shuō)明：將小程序的代碼轉(zhuǎn)換成 Web 端的一個(gè)前提是，我們需要在 Web 端 1:1 實(shí)現(xiàn)小程序支持的組件。在編譯過(guò)程中維護(hù)了一張映射表，在編譯的過(guò)程中將小程序的組件進(jìn)行替換，比如 view 組件，我們將其替換成了 tiga-view，那么 tiga-view 從哪里來(lái)呢？實(shí)際上，我們?cè)?1:1 實(shí)現(xiàn)小程序的時(shí)候使用了 Web Components（選用 Google 開(kāi)源的 lit），所以我們只需要在項(xiàng)目運(yùn)行時(shí)，在頂部將 tiga-view 這個(gè)自定義組件注冊(cè)就可以正常使用了。

如果我們遇到了以下場(chǎng)景我們可能會(huì)考慮使用 globalComponentsConfig 配置:

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

需要注意的是，如果要配置此項(xiàng)，你需要將自定義的 web-components 提前注冊(cè)，一般要么自定義 entry，要么在 htmlOptions 配置中自定義 templateContent，然后在頂部引入。以上兩個(gè)配置接下來(lái)我們都會(huì)介紹

配置示例 ??：

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