Keep an eye on your Create React App bundle size 📦
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
bin
media
src
.editorconfig
.gitignore
.prettierignore
.prettierrc
LICENSE
README.md
package.json
tsconfig.json
tslint.json
yarn.lock

README.md

analyze-cra-bundle

oclif Version Downloads/week License

Keep an eye on your Create React App bundle size 📦

Assess impact of new code/deps on the end-user initial bundle size and monitor it directly in your Pull Request changes via TravisCI. 🔎

It makes sure to track only CRA JS chunks present in index.html.

ℹ️ This package is in its early stages. More features on the way. Suggestions welcome!

Installation

$ yarn add --dev analyze-cra-bundle

Usage

$ analyze-cra-bundle

OPTIONS
  -f, --buildFolderPath=buildFolderPath  [default: build]
  -h, --help                             show help
  -v, --version                          show version

Output screenshot

⚠️ Warning: Make sure to build your app before running the command: yarn build && analyze-cra-bundle

TravisCI Integration

Keep an eye on the bundle size in your Pull Requests with a extra status check 👀

Pull Request screenshot

  • Add a Github Access Token as ANALYZE_CRA_GITHUB_TOKEN to your environment variables in the TravisCI project settings.
  • Add the script "bundlesize": "analyze-cra-bundle" to your package.json scripts
  • Add - yarn bundlesize to your .travis.yml within script:

(Create an issue if you're having trouble with this!)