React Native bundle 打包、拆包工具之moles-packer

oles-packer 是由携程框架团队研发的，与携程moles框架配套使用的React Native 打包和拆包工具，同时支持原生的 React Native 项目。

安装

从npm仓库中安装

npm install -g moles-packer

获取帮助信息

moles-packer --help

使用

在React Native项目根目录下执行命令

moles-packer

--input /path/to/project

--entry index.ios.js

--output /path/to/build

--bundle bu.bundle

--common true

参数说明：

input:项目目录（默认为当前目录）

entry:入口文件名称（默认为 index.js）

output:输出目录（默认为 ./build 目录）

bundle:默认输出文件名称与入口文件同名，也可指定文件名

common:是否打common包（默认为false）

Demo运行

以iOS为例

1、git clone git@github.com:ctrip-moles/moles-packer.git

2、cd moles-packer/demo/AwesomeProject

3、npm install

4、moles-packer

--input ./ --entry index.ios.js

--output ./build

--bundle bu.jsbundle

--common true

执行完上述命令后，会看到在根目录下生成一个build文件夹，且里面有bu.jsbundle和common.jsbundle两个文件

5、将build目录添加到项目中

6、执行react-native run-ios

已完成功能

1、支持react、react-native打成common.jsbundle

2、支持除react、react-native以外的业务代码打成bu.jsbundle

待完成功能

1、common bundle的生成可配置

2、业务模块拆成多个bundle模块

3、iOS支持load和merge拆包模块提供

4、Android支持load和merge拆包模块提供

文／CtripMoles（简书作者）
原文链接：http://www.jianshu.com/p/6e4fc17de66d
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。