# updated-react-native-bundle-visualizer

> See what's inside your react-native bundle

Latest version **1.0.0** (published 2022-09-27) · MIT license · 0 weekly downloads

## Install

```sh
npm install updated-react-native-bundle-visualizer
pnpm add updated-react-native-bundle-visualizer
yarn add updated-react-native-bundle-visualizer
bun add updated-react-native-bundle-visualizer
```

Provides the command `updated-react-native-bundle-visualizer`.

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2022-09-27 |
| First published | 2022-09-27 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 11.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | IjzerenHein |
| Maintainers | reck753 |
| Keywords | react-native-bundle-visualizer, react native bundle size, react-native, react native, bundle, visualizer, size, bundle-size |

## Links

- npm: https://www.npmjs.com/package/updated-react-native-bundle-visualizer
- Repository: https://github.com/reck753/react-native-bundle-visualizer
- Homepage: https://github.com/reck753/react-native-bundle-visualizer#readme
- Issues: https://github.com/reck753/react-native-bundle-visualizer/issues
- npm.io page: https://npm.io/package/updated-react-native-bundle-visualizer

## Dependencies (6)

- [open](https://npm.io/package/open.md) ^8.4.0
- [chalk](https://npm.io/package/chalk.md) ^4.1.2
- [execa](https://npm.io/package/execa.md) ^5.1.1
- [fs-extra](https://npm.io/package/fs-extra.md) ^10.0.0
- [minimist](https://npm.io/package/minimist.md) ^1.2.5
- [source-map-explorer](https://npm.io/package/source-map-explorer.md) ^2.5.2

## Alternatives

- [exif-parser](https://npm.io/package/exif-parser.md) — 3.8M weekly downloads
- [vite-plugin-compression](https://npm.io/package/vite-plugin-compression.md) — 569.5K weekly downloads
- [pica](https://npm.io/package/pica.md) — 442.4K weekly downloads
- [@reportportal/client-javascript](https://npm.io/package/@reportportal/client-javascript.md) — 408.8K weekly downloads
- [@tldraw/state](https://npm.io/package/@tldraw/state.md) — 316.0K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2022-09-27
- 3.1.1 — 2022-09-27

## README

# THIS IS A FORK OF [IjzerenHein/react-native-bundle-visualizer](https://github.com/IjzerenHein/react-native-bundle-visualizer)

# LOOKING FOR NEW MAINTAINER / HOME

This repository is looking for a new maintainer and home. 🏠
Please contact me [here](mailto:hrutjes@gmail,com) when you are interested in continuing development or know a new place.
This repository will be archived automatically in Q1 of 2022.

# react-native-bundle-visualizer

See what's inside of your react-native bundle 📦

![bundle-visualizer-animation](./react-native-bundle-visualizer2.gif)

Uses the awesome [source-map-explorer](https://github.com/danvk/source-map-explorer) to visualize the output of the [Metro bundler](https://github.com/facebook/metro).

## Purpose

Sometimes, importing a single javascript library can drastically increase your bundle size. This package helps you to identify such a library, so you can keep the bundle size low and loading times fast.

## Usage

Make sure [npx](https://github.com/npm/npx) is installed and run the following command in your project root

`npx react-native-bundle-visualizer`

### Or install as a dev-dependency

```sh
yarn add --dev react-native-bundle-visualizer
```

And run it:

```
yarn run react-native-bundle-visualizer
```

_or when using npm:_

```
npm install --save-dev react-native-bundle-visualizer ./node_modules/.bin/react-native-bundle-visualizer
```

## Command line arguments

All command-line arguments are optional. By default a production build will be created for the `ios` platform.

| Option          | Description                                                                                                                | Example                          |
| --------------- | -------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |
| `platform`      | Platform to build (default is **ios**)                                                                                     | `--platform ios`                 |
| `dev`           | Dev or production build (default is **false**)                                                                             | `--dev false`                    |
| `entry-file`    | Entry-file (when omitted tries to auto-resolve it)                                                                         | `--entry-file ./index.ios.js`    |
| `bundle-output` | Output bundle-file (default is **tmp**)                                                                                    | `--bundle-output ./myapp.bundle` |
| `format`        | Output format **html**, **json** or **tsv** (default is **html**) (see [source-map-explorer options][smeo])                | `--format json`                  |
| `only-mapped`   | Exclude "unmapped" bytes from the output (default is **false**). This will result in total counts less than the file size. | `--only-mapped`                  |
| `verbose`       | Dumps additional output to the console (default is **false**)                                                              | `--verbose`                      |
| `reset-cache`   | Removes cached react-native files (default is **false**)                                                                   | `--reset-cache`                  |

[smeo]: https://github.com/danvk/source-map-explorer#options

> The `--expo` command is no longer needed for Expo SDK 41 or higher; and has been removed. Use [react-native-bundle-visualizer@2](https://github.com/IjzerenHein/react-native-bundle-visualizer/tree/v2) when targetting Expo SDK 40 or lower.

## Version compatibility

| Version                                                                      | Comments                                                                                        |
| ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| 3.x                                                                          | Compatible with React-Native CLI bootstrapped projects and Expo SDK 41 or higher.               |
| [2.x](https://github.com/IjzerenHein/react-native-bundle-visualizer/tree/v2) | Compatible with React-Native CLI bootstrapped projects and Expo SDK 40 or earlier.              |
| [1.x](https://github.com/IjzerenHein/react-native-bundle-visualizer/tree/v1) | Uses the [Haul bundler](https://github.com/callstack/haul) instead instead of the Metro output. |

## License

[MIT](./LICENSE.txt)

---
_Source: https://npm.io/package/updated-react-native-bundle-visualizer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
