React Native 分包哪家强?看这文就够了!(4)

根据上面JSBundle的结构, 可以将JSBundle拆分成以下模块:

[本文来自:www.11jj.com]

React Native 分包哪家强?看这文就够了!(4)

[转载出处:www.11jj.com]

  • base module,是可复用基础包,里面包括React Native模块,view, text, button和一些可复用的三方模块。

  • 业务1,2,3 module,是纯js业务代码,可动态加载。

  • React Native 分包哪家强?看这文就够了!(4)

    多JSBundle打包

    目前推荐官方提供Metro Bundle打包服务基础上做拆包,如果团队人员充沛,可考虑自研打包服务,Metro Bundle 配置参数(https://facebook.github.io/metro/docs/en/configuration)

    主要是序列化的时候:

  • 配置createModuleIdFactory函数生成自定义的module id, 生成module id可以用文件绝对路径,也可以做一次hash或者md5,保证唯一。

    因为 metro 打包时,会以递增的方式给每个模块分配一个ID,在文件调用时直接调用对应的ID号。在拆分 bundle 后,如果我们的基础包有依赖模块的变动,整个模块调用的3, ID都会错位。所以要采用更加稳定健壮的ID生成方式。

  • 配置processModuleFilter 过滤包,函数传入的是module信息,返回是boolean值,如果是false就过滤不打包, 例如业务不需要打node_module中的包。

  • 静态资源处理。因为打包生成的静态资源根目录是固定的assets,为了方便灵活组织资源内容,我们添加对自定义静态资源根目录的功能支持。

  • 多 bundle 静态资源最终会合并到一个目录下去,这是最节约资源的一种结构,防止重复资源出现

    自媒体 微信号:11jj 扫描二维码关注公众号
    爱八卦,爱爆料。

    小编推荐

    1. 1

      本市换工作社保怎么转(本市换工作社保转移要多久)

      大家好,小美今天来为大家解答本市换工作社保怎么转以下问题,本市换工作社保转移要多久很多人还不知道,现在让我们一起来看看吧!1、劳动者

    2. 2

      大卫科波菲尔人物赏析(大卫科波菲尔中人物分析)

      大家好,小美今天来为大家解答大卫科波菲尔人物赏析以下问题,大卫科波菲尔中人物分析很多人还不知道,现在让我们一起来看看吧!1、作者描写

    3. 3

      安宁相亲5.9|年入60W+!77年个体老板帅哥,有房有车,开朗热情,为人真诚的帅气小哥哥对外征婚!

      「安谧内陆优质独身男女的真实相亲平台 」网站注册会员冲破40000+人线下注册用户6000+人免费注册| 实名认证 | 搜寻意中人线上线下相亲运动 | 托

    4. 4

      水瓶座女和什么座最配男生(水瓶女生和什么座最配男生)

      大家好,小伟今天来为大家解答水瓶座女和什么座最配男生以下问题,水瓶女生和什么座最配男生很多人还不知道,现在让我们一起来看看吧!1、水

    5. 5

      十二星座精灵图片(十二星座天命精灵)

      大家好,小豪今天来为大家解答十二星座精灵图片以下问题,十二星座天命精灵很多人还不知道,现在让我们一起来看看吧!1、这个是个动画片来着

    6. 6

      导演系艺术讲座|电影《没有一顿火锅解决不了的事》放映及主创交流活动预告

      重磅来袭《没有一顿暖锅解决不了的事》Hi!列位客官看这里没什么是一顿暖锅不克解决的若是有 就两顿!!!运动预告 北京片子学院将于2024年

    7. 7

      让无数男人臣服的10条女人心计!

      点击蓝色字免费订阅,天天收到如许的好信息爱情分手,在现在的社会已是常态,要想本身的恋情长长久久,在还没有爱情之前,你就必需得领略这

    8. 8

      肆意(肆意沦陷全文免费阅读笔趣阁小说)

      大家好,小乐今天来为大家解答肆意以下问题,肆意沦陷全文免费阅读笔趣阁小说很多人还不知道,现在让我们一起来看看吧!1、意思是:纵情任意

    Copyright 2024.依依自媒体,让大家了解更多图文资讯!