返回介绍

Bundle 解析

发布于 2019-12-26 23:51:14 字数 745 浏览 1078 评论 0 收藏 0

执行顺序

执行流程概括:

  • 下载 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 内置将在近期提供)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文