W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
是否必填 | 參數(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
配置:
Web
端 需要通過條件編譯渲染一些小程序不支持的組件,這個組件直接使用 web-components
實現(xiàn);MorJS
提供的組件實現(xiàn)和支付寶小程序是一致的,無法定制,需要使用 web-components
實現(xiàn)一些定制組件。需要注意的是,如果要配置此項,你需要將自定義的 web-components 提前注冊,一般要么自定義 entry,要么在 htmlOptions 配置中自定義 templateContent,然后在頂部引入。以上兩個配置接下來我們都會介紹
配置示例 ??:
...
web: {
globalComponentsConfig: {
'view': 'custom-view', // 將 view 映射到自定義的 custom-view 組件
}
}
...
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: