javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > 微信小程序分包加载代码实现

微信小程序分包加载代码实现方法详解

作者:伴月阁

这篇文章主要介绍了微信小程序分包加载代码实现方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

直接在 “app.json” 中贴入代码

{
 "pages": [
  "pages/Login/xxxx",
 ],
 "subpackages":[{           // 这里就是贴入的代码 root值可以任意改  pages同上
  "root":"packageA",
  "pages":[
   "pages/Login/bbb",
   "pages/Login/ccc",
  ]
 }],
 "window": {
  "backgroundTextStyle": "light",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTitleText": "WeChat",
  "navigationBarTextStyle": "black"
 },  

注意几点:

1. 不要引用同级分包的内容包括js,wxss

2. tabBar不能分包

3. 每个分包/主包不要超过2M

下面是分包后的效果查看

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文