See what's inside of your react-native bundle.
- Make sure you have node 8 or higher installed
- For react-native 0.48.x or lower, use [email protected]
Install as a dev dependency:
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
Gitignore output files
Additionally, add the haul generated files & folders to your
# Haul bundler /assets stats.html index.ios.bundle index.ios.bundle.map haul-debug.log
The sizes reported are an indication rather than the exact byte size in your bundle. This is because the Haul packager returns different bundles compared to the react-native Metro bundler. Also, due to limitations in webpack's stats, the "actual" (minified) numbers reported here are approximate, but they should be pretty close.
Subscribe to React Native Example for Android and iOS
Get the latest posts delivered right to your inbox