Skip to content

succeed2011/react-native-fiber-sourcecode-analyse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 

Repository files navigation

react-native-doc

手动生成index.bundle.js文件

RN版本0.51.0

一般情况下我们是不需要手动对RN的js代码进行打包生成index.bundle.js文件的,或者我们可以在调试模式下使用浏览器手动复制代码保存,再或者直接通过RN提供的命令行参数生成,但是我感觉命令行写着太麻烦,所以自己写了一个打包入口文件,好处是可以调试打包代码,进而对打包代码进行修改,一个常见的需求就是分开打包base.js和业务js,这时就很需要对代码进行调试。

为此我写了一个脚本文件。使用步骤为:

  1. 新建package.js文件,将文件放在./node_modules/react-native目录内;
  2. 在项目根目录上执行 node ./node_modules/react-native/package.js;
  3. 打包后的js文件保存在项目根目录,后缀为.bundle.js.
注: 
* 入口文件放在项目根目录中
* package.js中reqUrlArr变量中写的是入口js文件,可以写多个,比如入口文件为index1.js、index2.js,
那么 reqUrlArr = ['index1.bundle', 'index2.bundle']
RN为了打包效率高会把分析好的依赖关系存储在缓存文件中,这会导致有时候你修改的框架或者业务代码无法更新,我遇到过一次这个问题。
可以将缓存文件删除(我的电脑是windows):`C:\Users\ADMINI~1\AppData\Local\Temp\haste-map-metro-bundler....`
具体代码是在 `node_modules\jest-haste-map\build\index.js`中的`this._cachePath`

About

react native(fiber)源码分析及相关知识

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published