<noframes id="bhrfl"><address id="bhrfl"></address>

    <address id="bhrfl"></address>

    <noframes id="bhrfl"><address id="bhrfl"><th id="bhrfl"></th></address>

    <form id="bhrfl"><th id="bhrfl"><progress id="bhrfl"></progress></th></form>

    <em id="bhrfl"><span id="bhrfl"></span></em>

    全部
    常見問題
    產品動態
    精選推薦

    CRMEB多商戶B2B2C商城系統小程序超包的分包方法!

    管理 管理 編輯 刪除

    小程序包大小超過2M的解決方法

    微信限制了小程序的代碼包不能超過2MB,這主要是出于對小程序啟動速度的考慮。但是,2MB 的大小也限制了小程序功能的擴展,如果大小超出了2MB該如何解決呢?

    1. 優化代碼,刪除掉不用的代碼
    2. 圖片壓縮或者上傳服務器

    一般圖片所占用的空間比較大,盡量不要放在小程序本地文件夾中,如果圖片不多的話可以對圖片進行壓縮,圖片壓縮平臺:https://tinyjpg.com/
    另外, 通過cli命令創建的uni app項目,可將圖片或字體圖標放入assets文件夾下,通過require引入, 也可減少主包大。

    3. 分包加載:

    什么是分包加載:
    小程序一般都是由某幾個功能組成,通常這幾個功能之間是獨立的,但會依賴一些公共的邏輯,且這些功能一般會對應某幾個獨立的頁面。那么小程序代碼的打包,可以按照功能的劃分,拆分成幾個分包,當需要用到某個功能時,才加載這個功能對應的分包。

    對于用戶來說,小程序加載流程變成了:

    1.首次啟動時,先下載小程序主包,顯示主包內的頁面;
    2.當進入某個分包的頁面,再下載這個對應分包,下載完畢后,顯示分包的頁面。

    采用分包加載,對開發者而言,能使小程序有更大的代碼體積,承載更多的功能與服務;而對用戶而言,可以更快地打開小程序,同時在不影響啟動速度前提下使用更多功能。
    分包的劃分:
    在配置前,按照功能對各個分包的內容進行劃分,將同一個功能下的頁面和邏輯放在童改一個目錄下,把一些跨功能的公共邏輯放在主包下。

    在分包劃分時需注意:

    1.包與包之間功能盡可能獨立,避免分包與分包之間引用上的耦合。因為分包的加載是由用戶操作觸發的,并不能確保某分包加載時,另外一個分包就一定存在,這個時候可能會導致 JS 邏輯異常的情況,例如報「”xxx.js” is not defined」這樣的錯誤;
    2.一些公共的自定義組件,要放在主包內。

    分包的配置:
    在uni app中通過cli初始化的小程序目錄結構如下:
    ├── src
    ├── main.js
    ├── App.vue
    ├── pages.json
    ├── manifest.json
    ├── orderPackages
    │ └── pages
    │ ├── goodsDetail
    │ └── myorder
    ├── pages
    │ ├── index
    │ └── user
    └── utils
    需在pages.json中配置subPackages字段,在subPackage里面聲明項目的分包結構:

    目前小程序分包大小的限制:
    整個小程序所有分包大小不超過 4M
    單個分包/主包大小不能超過 2M
    以上只羅列了uni app框架分包加載的步驟, 原生小程序分包方法根據官方文檔即可快速實現,小程序框架雖多, 大都大同小異,如果后續有使用其他框架進行開發,會進行補充。

    請登錄后查看

    ? 最后編輯于2022-11-22 10:57:29

    快捷回復
    回復
    回復
    回復({{post_count}}) {{!is_user ? '我的回復' :'全部回復'}}
    排序 默認正序 回復倒序 點贊倒序

    {{item.user_info.nickname ? item.user_info.nickname : item.user_name}} LV.{{ item.user_info.bbs_level }}

    作者 管理員 企業

    {{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest == 1? '取消推薦': '推薦'}}
    {{item.is_suggest == 1? '取消推薦': '推薦'}}
    沙發 板凳 地板 {{item.floor}}#
    {{item.user_info.title || '暫無簡介'}}
    附件

    {{itemf.name}}

    {{item.created_at}}  {{item.ip_address}}
    打賞
    已打賞¥{{item.reward_price}}
    {{item.like_count}}
    {{item.showReply ? '取消回復' : '回復'}}
    刪除
    回復
    回復

    {{itemc.user_info.nickname}}

    {{itemc.user_name}}

    回復 {{itemc.comment_user_info.nickname}}

    附件

    {{itemf.name}}

    {{itemc.created_at}}
    打賞
    已打賞¥{{itemc.reward_price}}
    {{itemc.like_count}}
    {{itemc.showReply ? '取消回復' : '回復'}}
    刪除
    回復
    回復
    查看更多
    打賞
    已打賞¥{{reward_price}}
    3209
    {{like_count}}
    {{collect_count}}
    添加回復 ({{post_count}})

    相關推薦

    快速安全登錄

    使用微信掃碼登錄
    {{item.label}} 加精
    {{item.label}} {{item.label}} 板塊推薦 常見問題 產品動態 精選推薦 首頁頭條 首頁動態 首頁推薦
    取 消 確 定
    回復
    回復
    問題:
    問題自動獲取的帖子內容,不準確時需要手動修改. [獲取答案]
    答案:
    提交
    bug 需求 取 消 確 定
    打賞金額
    當前余額:¥{{rewardUserInfo.reward_price}}
    {{item.price}}元
    請輸入 0.1-{{reward_max_price}} 范圍內的數值
    打賞成功
    ¥{{price}}
    完成 確認打賞

    微信登錄/注冊

    切換手機號登錄

    {{ bind_phone ? '綁定手機' : '手機登錄'}}

    {{codeText}}
    切換微信登錄/注冊
    暫不綁定
    亚洲欧美字幕
    CRMEB客服

    CRMEB咨詢熱線 咨詢熱線

    400-8888-794

    微信掃碼咨詢

    CRMEB開源商城下載 源碼下載 CRMEB幫助文檔 幫助文檔
    返回頂部 返回頂部
    CRMEB客服