微信小程式 關於分包

2022-08-20 05:30:19 字數 1497 閱讀 9758

小程式**有個2m限制,是不是有的時候放都得忍著點,不敢把太大的放在小程式裡面,只能放遠端;但是隨著專案不斷迭代更新,**越來越多,開發的時候更加小心翼翼。是不是很不舒服,還能不能讓我舒服的敲**了。

那就說一下分包的限制吧;分包以後單獨包最大不能超過2m;整個小程式可以達到8m;比那2m限制翻了4倍;那就讓我們愉快地敲**吧。

通過我的截圖可以看出來,我在根目錄建立了乙個名為shopping的分包(shopping這個資料夾裡面的檔案都會打包到分包裡面去);

然後我再shopping這個包裡面建立了乙個頁面(一般新建的頁面都要在pages裡面宣告,現在包裡面的頁面不需要在pages裡面宣告,只需要在我們宣告的分包裡面的pages裡面宣告,是相對root路徑的路徑)。

去網上隨便找了幾張,力求把整個小程式的大小超過2m。

在主包的首頁設定個點選跳轉到分包,把都引入,然後點選預覽

從首頁點選跳轉到分包頁效果:

簡單的分包就寫好啦

分包--預載入

這樣配置的效果就是當我們進入到shop_load(自己隨便新建乙個頁面)的時候會靜默的載入我們的shopping包。當我們在進入包頁面的時候,就流暢進入了。

獨立分包

獨立分包就是這個包是獨立的,不依賴於主包就能用,當設定為獨立分包時,我們從獨立分包進入不會載入主包,只有進入主包頁面或者非獨立分包頁面是才載入主包。

使用方法就是前面截圖寫的,只要在配置包的時候,把independent 設定為 true就成為獨立分包。

獨立分包注意事項:

獨立分包不支援使用外掛程式

**:

關於微信小程式的分包

我的個乖乖,4 50個檔案,公共元件還不算,怎麼辦?怎麼辦?怎麼辦?木有辦法,硬著頭皮整吧,ps 利用vs code編輯器,在編輯器內部移動檔案,會自動幫你更改路徑,是不是爽歪歪?會有提示的,留意點,別點錯了,沒用webstorm,據說也有這功能 分包原則文件上也有,tabbar 頁面的元件不能放在...

關於 微信小程式

換行 html 中換行直接 但是小程式裡沒有 有兩種方式進行換行 1.在 標籤中使用 n 必須 text 標籤,view 標籤無效 2.樣式控制 white space pre line 合併空白符序列,但是保留換行符 white space pre wrap 保留空白符序列,但是正常地進行換行 w...

關於微信小程式事件

1.繫結事件 格式 bind 事件名 方法名 例如 刪除 如何傳參 通常利用自定義屬性來傳參 說明 h5通常data 自定義屬性名來傳參 2.觸發邏輯操作 資料驅動操作如何同步到檢視?this.setdata 類似於react中的this.setstate 補充 只更新某一條資料,而不是整體覆蓋更新...