当前位置: 首页 > 工具软件 > moles-packer > 使用案例 >

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

越雨泽
2023-12-01

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
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
 类似资料: