本篇文章為大家帶來了關於uniapp跨域的相關知識,其中介紹了uniapp和小程式分包的相關問題,每個使用分包小程式必定含有一個主包。所謂的主包,即放置預設啟動頁面/TabBar 頁面,以及一些所有分包都需用到公共資源/JS 腳本;而分包則是根據開發者的配置進行劃分,希望對大家有幫助。
推薦:《uniapp教學》
一、小程式分包
每個使用分包小程式必定含有一個主包。所謂的主包,即放置預設啟動頁面/TabBar 頁面,以及一些所有分包都需用到公共資源/JS 腳本;而分包則是根據開發者的配置進行劃分。
在小程式啟動時,預設會下載主包並啟動主包內頁面,當使用者進入分包內某個頁面時,客戶端會把對應分包下載下來,下載完成後再進行展示
目前小程式分包大小有以下限制:
- 整個小程式所有分包大小不超過20M
- 單一分包/主套件大小不能超過2M
對小程式進行分包,可以優化小程式首次啟動的下載時間,以及在多團隊共同開發時可以更好的解耦協作。
這裡直接點擊去看官方的分包教學容易理解
二、uniapp分包小程式
App預設為整包。相容於小程式的分包配置。其目的不用於下載提速,而用於首頁是vue時的啟動提速。
這是我分包小程式之後的目錄結構
- #components:公用元件(供主套件引用)
- page_後跟拼音的都是分包
- 分包裡的components是單一分包自己的元件目錄,分包vue頁面的引用只能是在自己page_zhaoshang分包目錄下才可以引用
- pages是主包,裡面都是啟動頁面/TabBar 頁面
- static裡放的是公共靜態資源,圖片類別
"mp-weixin": {
"optimization":{"subPackages":true}
}
#最佳化分包:
在對應平台的設定(manifest. json)下新增"optimization":{"subPackages":true}開啟分包最佳化
mp-weixin、
mp-qq 、
mp-baidu的分包最佳化
- 靜態檔案:分包下支援static 等靜態資源拷貝,即分包目錄內放置的靜態資源不會被打包到主包中,也不可在主包中使用
- js檔:當某個js 僅被一個分包引用時,該js 會被打包到該分包內,否則仍打到主包(即被主包引用,或被超過1 個分包引用)
- 自訂元件:若某個自訂元件僅被一個分包引用時,且未放入到分包內,編譯時會輸出提示訊息
#注意:主包和分包是不能再在同一目錄下,在構建uniapp項目時,可以考慮目錄結構,以便後期進行分包;
preloadRule 中,
key 是頁面路徑,
value 是進入此頁面的預先下載配置,每個配置有以下幾項:
類型 | #必填 | 預設值 | #說明 | |
---|---|---|---|---|
StringArray | 是 | 無 | 進入頁面後預下載分包的 root 或 name。 __APP__ 表示主包。 | |
String | 否 | #wifi | #在指定網路下預先下載,可選值為:all(不限網路)、wifi(僅限wifi已預先下載) |
以上是手把手教你uniapp和小程式分包(圖文)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本文討論了有關移動和網絡平台的調試策略,突出顯示了Android Studio,Xcode和Chrome DevTools等工具,以及在OS和性能優化的一致結果的技術。

文章討論了用於Uniapp開發的調試工具和最佳實踐,重點關注Hbuilderx,微信開發人員工具和Chrome DevTools等工具。

本文討論了跨多個平台的Uniapp應用程序的端到端測試。它涵蓋定義測試方案,選擇諸如Appium和Cypress之類的工具,設置環境,寫作和運行測試,分析結果以及集成

本文討論了針對Uniapp應用程序的各種測試類型,包括單元,集成,功能,UI/UX,性能,跨平台和安全測試。它還涵蓋了確保跨平台兼容性,並推薦Jes等工具

本文討論了UNIAPP開發中的共同績效抗模式,例如過度的全球數據使用和效率低下的數據綁定,並提供策略來識別和減輕這些問題,以提高應用程序性能。

本文討論了通過壓縮,響應式設計,懶惰加載,緩存和使用WebP格式來優化Uniapp中的圖像,以更好地進行Web性能。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

禪工作室 13.0.1
強大的PHP整合開發環境

WebStorm Mac版
好用的JavaScript開發工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3 Linux新版
SublimeText3 Linux最新版

記事本++7.3.1
好用且免費的程式碼編輯器