Skip to content
GitLab

Improve vendor chunk names in development

Merged Administrator requested to merge github/fork/jrr/development-chunk-names into master

Created by: jrr

Out of the box today, CRA produces numbered vendor chunks. They look like this in production:

File sizes after gzip:

  146.17 KB       build/static/js/7.f5a20c19.chunk.js
  39.39 KB        build/static/js/8.5cf7927d.chunk.js

And like this in development:

image

This is a good default for production, following webpack's guidance (splitChunks.name: false) to create stable, cacheable names.

In development, though, when I'm trying to understand exactly what code is delivered when, I'd like to know more about what goes in to those chunks.

This PR sets splitChunks.name to true in development, producing vendor chunk names like this:

image

Is this something others would be interested in?

Related issues: https://github.com/facebook/create-react-app/issues/4769 https://github.com/facebook/create-react-app/issues/6155 https://github.com/facebook/create-react-app/issues/6240