Bundle 解析
优质
小牛编辑
127浏览
2023-12-01
执行顺序
执行流程概括:
- 下载 bundle --> 根据 bundle 注释头判断 framework 环境 --> 初始化 frameowrk --> 执行 bundle
注释头
构建好的 Rax Bundle 会在头部第一行添加注释内容,指定容器所需启动的 Framework。
注释头推荐放在 Bundle 的第一行,注释头之前不能有空格和换行以外的内容。
// { "framework": "Rax" }
bundle 如果缺少该 framework 声明将会有 framework 提供的 API 缺失问题。原因是没有初始化 Rax Weex Frameowrk 导致无法访问全局的 window。
页面后缀参数
- _wx_tpl=xxxx.js 下载后面的 js 地址然后用 Weex 容器渲染
Bundle 优化
对于已经构建好的页面来说,已经是用户直接访问的内容,为了给页面带来更好的优化体验,可以从一下几个方向入手优化
- 组件内置方案减小 Bundle 体积
- 可以将 Bundle 拆分以进行分段加载或单页方案
- Framework 中已经存在了内置的 Rax 0.x,Bundle 中可以剔除(Rax 1.0 core 内置将在近期提供)