1.0.5 • Published 3 years ago
react-native-multibundle-analyzer v1.0.5
react-native-multibundle-analyzer
React Native bundle visulizer, out of box tools.
Also support analyzing of multiple bundles splitted with amazing metro-code-split.
Inspiration
Based on source-map-explorer to show the visulization.
How To Use
Install
npm i react-native-multibundle-analyzer | yarn add react-native-multibundle-analyzerUsage
yarn run rn-multi-analyzer // by default, bundle the project directly and open in BrowserConfiguration
All options are optional.
| Argument | Description | Default Value |
|---|---|---|
| multi | Decide how to bundle the project. Setting true indicating to use metro-code-split to split bundle, must install it first or the visualization will fail. | false |
| entry-file | See details Below | "main" in package.json or "index.js" |
| platform | Which platform to bundle for, could be ios or android | ios |
| format | Visulization output in specific formats, could be one of html | json | tsv | html |
| bundleOutput | Location of the output file | On Memory |
entry-file-description
Single Bundle mode
entry-file don't exists
mainfield of package.json ｜ "index.js".
entry-file exists
- entry-file value
Multi Bundle Mode
entry-file exists
if entry-file is an actual js document:
entry-fileandcommon.js(automatically added with help of metro-code-split)Entry-file could also be a json file which content is Array, this could be appled to multi-entry circumstance.
[ "index.js", "business.js" ]
entry-file don't exists
mainfield of package.json ｜index.jsandcommon.js(automatically added with help of metro-code-split)