{"id":24829479,"url":"https://github.com/callstack/react-native-bundle-visualizer","last_synced_at":"2025-05-14T15:07:07.246Z","repository":{"id":37686559,"uuid":"102200113","full_name":"callstack/react-native-bundle-visualizer","owner":"callstack","description":"See what packages are increasing your react-native bundle size 📦","archived":false,"fork":false,"pushed_at":"2025-01-31T08:08:54.000Z","size":5148,"stargazers_count":1544,"open_issues_count":18,"forks_count":45,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-05-08T05:54:10.816Z","etag":null,"topics":["bundle-size","bundle-visualizer","expo","react-native"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/callstack.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"IjzerenHein"}},"created_at":"2017-09-02T13:56:22.000Z","updated_at":"2025-05-07T16:31:04.000Z","dependencies_parsed_at":"2022-08-04T10:30:37.569Z","dependency_job_id":"92f2b191-e555-4b7a-bb10-f6cac985b62a","html_url":"https://github.com/callstack/react-native-bundle-visualizer","commit_stats":{"total_commits":105,"total_committers":8,"mean_commits":13.125,"dds":"0.17142857142857137","last_synced_commit":"097c49bbf029909c4bb9a91c8e1951643260c80a"},"previous_names":["callstack/react-native-bundle-visualizer"],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-bundle-visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-bundle-visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-bundle-visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/callstack%2Freact-native-bundle-visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/callstack","download_url":"https://codeload.github.com/callstack/react-native-bundle-visualizer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253850767,"owners_count":21973666,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bundle-size","bundle-visualizer","expo","react-native"],"created_at":"2025-01-30T23:09:45.899Z","updated_at":"2025-05-14T15:07:07.206Z","avatar_url":"https://github.com/callstack.png","language":"TypeScript","readme":"# react-native-bundle-visualizer\n\nSee what's inside of your react-native bundle 📦\n\n![bundle-visualizer-animation](./react-native-bundle-visualizer2.gif)\n\nUses 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).\n\n## Purpose\n\nSometimes, 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.\n\n## Usage\n\nMake sure [npx](https://github.com/npm/npx) is installed and run the following command in your project root\n\n`npx react-native-bundle-visualizer`\n\n### Or install as a dev-dependency\n\n```sh\nyarn add --dev react-native-bundle-visualizer\n```\n\nAnd run it:\n\n```\nyarn run react-native-bundle-visualizer\n```\n\n_or when using npm:_\n\n```\nnpm install --save-dev react-native-bundle-visualizer ./node_modules/.bin/react-native-bundle-visualizer\n```\n\n## Command line arguments\n\nAll command-line arguments are optional. By default a production build will be created for the `ios` platform.\n\n| Option               | Description                                                                                                                                                                   | Example                          |\n| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- |\n| `platform`           | Platform to build (default is **ios**)                                                                                                                                        | `--platform ios`                 |\n| `dev`                | Dev or production build (default is **false**)                                                                                                                                | `--dev false`                    |\n| `entry-file`         | Entry-file (when omitted tries to auto-resolve it)                                                                                                                            | `--entry-file ./index.ios.js`    |\n| `bundle-output`      | Output bundle-file (default is **tmp**)                                                                                                                                       | `--bundle-output ./myapp.bundle` |\n| `format`             | Output format **html**, **json** or **tsv** (default is **html**) (see [source-map-explorer options][smeo])                                                                   | `--format json`                  |\n| `only-mapped`        | Exclude \"unmapped\" bytes from the output (default is **false**). This will result in total counts less than the file size.                                                    | `--only-mapped`                  |\n| `verbose`            | Dumps additional output to the console (default is **false**)                                                                                                                 | `--verbose`                      |\n| `reset-cache`        | Removes cached react-native files (default is **false**)                                                                                                                      | `--reset-cache`                  |\n| `--expo`             | Set this to true/ false based on whether using expo or not. For eg, set `--expo true` when using expo. Not required to pass this for react-native cli. (default is **false**) | `--expo false`                   |\n| `--no-border-checks` | Pass the same flag to the underlying `source-map-explorer` to disable invalid mapping column/line checks.                                                                     | `--no-border-checks`             |\n\n[smeo]: https://github.com/danvk/source-map-explorer#options\n\n\u003e Use [react-native-bundle-visualizer@2](https://github.com/IjzerenHein/react-native-bundle-visualizer/tree/v2) when targetting Expo SDK 40 or lower.\n\n## Version compatibility\n\n| Version                                                                      | Comments                                                                                        |\n| ---------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |\n| 3.x                                                                          | Compatible with React-Native CLI bootstrapped projects and Expo SDK 41 or higher.               |\n| [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.              |\n| [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. |\n\n## License\n\n[MIT](./LICENSE.txt)\n","funding_links":["https://github.com/sponsors/IjzerenHein"],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcallstack%2Freact-native-bundle-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcallstack%2Freact-native-bundle-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcallstack%2Freact-native-bundle-visualizer/lists"}