See what's inside of your react-native bundle 📦
Make sure you have node 8 or higher installed.
Depending on your react-native version, install the appropriate package as a dev dependency:
|RN version||Install react-native-bundle-visualizer|
|0.49 - 0.56||
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.