当前位置: 首页 > 文档资料 > Rax 中文文档 >

Bundle 解析

优质
小牛编辑
121浏览
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 内置将在近期提供)