{"id":13850365,"url":"https://github.com/JonnyBurger/npx-visualize-bundle","last_synced_at":"2025-07-12T22:30:27.499Z","repository":{"id":37692521,"uuid":"181207391","full_name":"JonnyBurger/npx-visualize-bundle","owner":"JonnyBurger","description":"Analyse your React Native bundle in 1 command","archived":false,"fork":false,"pushed_at":"2022-12-06T15:29:21.000Z","size":3850,"stargazers_count":162,"open_issues_count":7,"forks_count":8,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-16T21:05:57.459Z","etag":null,"topics":["bundle-size","expo","react-native","sourcemaps"],"latest_commit_sha":null,"homepage":"https://npmjs.com/package/visualize-bundle","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/JonnyBurger.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-13T17:40:51.000Z","updated_at":"2024-08-19T15:58:46.000Z","dependencies_parsed_at":"2023-01-23T19:30:35.468Z","dependency_job_id":null,"html_url":"https://github.com/JonnyBurger/npx-visualize-bundle","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonnyBurger%2Fnpx-visualize-bundle","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonnyBurger%2Fnpx-visualize-bundle/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonnyBurger%2Fnpx-visualize-bundle/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JonnyBurger%2Fnpx-visualize-bundle/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JonnyBurger","download_url":"https://codeload.github.com/JonnyBurger/npx-visualize-bundle/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225839485,"owners_count":17532305,"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","expo","react-native","sourcemaps"],"created_at":"2024-08-04T20:01:08.574Z","updated_at":"2024-11-22T03:31:20.614Z","avatar_url":"https://github.com/JonnyBurger.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"\u003cp\u003e\n    \u003ch3 align=\"center\"\u003e\u003ccode\u003e\u003cspan style=\"color: #72C834\"\u003enpx\u003c/span\u003e visualize-bundle\u003c/code\u003e\u003c/h3\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://github.com/JonnyBurger/npx-visualize-bundle/raw/master/npx-visualize-bundle.gif\"/\u003e\n\u003c/p\u003e\n\u003cp\u003e \u003c/p\u003e\n\u003cp\u003e \u003c/p\u003e\n\n\n\n`npx visualize-bundle` allows you to inspect your React Native bundle in just one command and to diagnose big modules.\n\nJust like on the web, you want to make your JavaScript file as small as possible. Whenever your app opens, the phone needs to parse the whole JavaScript bundle before it can run the React Native code. On lower-end phones, a big bundle can be a bottleneck on startup performance.\n\nThis package simply downloads the bundle and the sourcemap from the running packager and uses [source-map-explorer](https://github.com/danvk/source-map-explorer) to visualize it.\n\n## Usage\n\nNo installation is needed, just type\n\n```sh\nnpx visualize-bundle\n```\n\ninto the command line. The `npx` command is available with npm 5.2 or later.\n\nBy default the iOS production bundle is being analyzed.\nThe following options are available:\n\n```\n-a, --android         analyse Android bundle \n-d, --dev             analyse development bundle\n-o, --output [dir]    output directory\n-p, --port [port]     use custom port\n-r, --report [string] Custom name for the report file (without ext)\n-k, --keep [string]   Don't delete JS bundle and source map after execution\n-j, --json            save output as JSON file instead of HTML\n-v, --version         print the version number\n-h, --help            print usage information\n```\n\n## Development\n\nContributions are welcome - You can clone the repository and start the tool using `npm start`.\n\n## License\nMIT\n\n---\n\n\u003cp align=\"center\"\u003e\n    \u003ca href=\"https://twitter.com/JNYBGR\"\u003e\n        \u003cimg src=\"https://github.com/JonnyBurger/npx-visualize-bundle/raw/master/credit.png\" height=\"28\"/\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJonnyBurger%2Fnpx-visualize-bundle","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJonnyBurger%2Fnpx-visualize-bundle","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJonnyBurger%2Fnpx-visualize-bundle/lists"}