Can I turn off create-react-app chunking mechanism?

javascript reactjs create-react-app chunks chunking
Darko picture Darko · Apr 29, 2019 · Viewed 11k times · Source

I am setting up my React app project using create-react-app.

I was wondering if there is a way to turn-off the chunking mechanism that is built-in into the react scripts. The thing is that I need to fix the name of the bundle created on the build.

Answer

Darko picture Darko · Apr 30, 2019

I've found that you can disable chunking by setting splitChunks webpack configuration. For more details check https://github.com/facebook/create-react-app/issues/5306#issuecomment-431431877

However, this does not remove the contenthash part from the bundle name and you will still have that random string in the name.

To remove this, go to your webpack.config and edit the bundle name

'static/js/[name].[contenthash:8].js' => 'static/js/[name].js'

Related questions

Trying to use fetch and pass in mode: no-cors

I can hit this endpoint, http://catfacts-api.appspot.com/api/facts?number=99 via Postman and it returns JSON Additionally I am using create-react-app and would like to avoid setting up any server config. In my client code I am trying …

Read More
The create-react-app imports restriction outside of src directory

I am using create-react-app. I am trying to call an image from my public folder from a file inside my src/components. I am receiving this error message. ./src/components/website_index.js Module not found: You attempted to import ../../…

Read More
npm start error with create-react-app

I have a project who I didn't touch for 2 weeks. I take it back and now when I try to run npm start I got this error. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! …

Read More