因为拆分bundle的需要，在使用react-native bundle命令打业务bundle时，需要不同bundle的module id不一样，如果直接打，它们的id都是从0开始递增的。为了解决这个问题，通过修改源代码，给react-native bundle命令增加了两个参数，指定打bundle时生成ModuleID的行为。
首先我们跟踪下react-native bundle命令运行的轨迹
cli功能的源代码位于node_modules/react-native/local-cli文件夹内，cliEntry.js的111行
return command.func(argv, config, passedOptions);
是执行命令行的入口，react-native bundle命令就是从这里进入了local-cli/bundle/bundle.js内的bundle方法，然后进入buildBundle.js内的buildBundle方法。
之后是node_modules/react-native/packager/react-packager/src/Server/index.js。从它的buildBundle方法，可以再跟踪到packager/react-packager/src/Bundler文件夹，这里的index.js内有一个方法createModuleIdFactory就是给每个模块生成一个module id的地方，我们把这个函数改一下就可以了。
因为参数传递比较复杂，我采用了一种比较很简单而且不会修改太多源代码的方法，就是在local-cli/bundle/bundle.js的bundle方法内读取我们增加的参数，存成全局变量，在需要用的地方读取即可。
function bundle(argv, config, args, packagerInstance) {
let cid = args.cid; //modified by guangy cid为common module的最大数字 add为需要加的数字
let add = args.add;
setCidAndAdd(cid, add);
return bundleWithOutput(argv, config, args, undefined, packagerInstance);
}
存储和读取cid和add参数的代码为
let cid = 10000;
let add = 0;
export function setCidAndAdd(_cid, _add) {
cid = parseInt(_cid);
add = parseInt(_add);
}
export function getCidAndAdd(){
return {cid, add}
}
最后在createModuleIdFactory方法里，通过调用getCidAndAdd获取cid和add的值来使用就可以了。
可以看到cli功能是用nodejs实现的，对于react-native bundle命令，从命令行读取什么参数，是否必带，是否有默认值等等在local-cli/bundle/bundleCommandLineArgs.js里进行配置，我们这次需要增加两个参数，只需要照已有的增加就行了。command里使用<>表示强制要求必须带这个参数。
{ //modified by guangy 增加两个参数 add和cid
command: '--cid <cid>',
description: 'common的最大Module id
},{
command: '--add <add>',
description: '需要加的数字，比如10000，20000',
},
然后还需要修改下node_modules/react-native/packager/react-packager/src/Server/index.js文件里的const bundleOpts = declareOpts({…})
增加
cid: { //modified by guangy 增加两个参数
type: 'string',
required: true,
},
add: {
type: 'string',
required: true,
},
即可。
如果要修改其他命令，也可以照着这个思路，先把流程捋顺了，不用每行代码都看明白，大概找到需要改动的地方就行了
网友评论