How can I create only one bundle js file when I am using create-react starter with typescript?

Question

Initially, I am using the create-react-app which during build produces 2 JS files after build, one is the main and the other one is the chunk.

But what if I would like after build to create only one bundle JS file? The create-react starter has already webpack and babel in it.

So what is the way to go? To add a configuration? To install webpack again?

Dmitri Pavlutin · Accepted Answer · 2019-10-26 11:19:43Z

0

First option is to eject the create-react-app and modify the webpack config manually. But ejecting is an irreversible action, and usually not recommended.

A better option is to use react-app-rewired tool. react-app-rewired allows to modify the webpack config without ejecting:

/* Create a file config-overrides.js */

module.exports = function override(config, env) {
  //do stuff with the webpack config...
  return config;
}

answered Oct 26, 2019 at 11:19

Dmitri Pavlutin

19.3k8 gold badges41 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ILCAI Over a year ago

Hm, I like CRA. But those cases, which I am currently also experiencing, drive me to not using CRA. A good setup is explained here. And don't be afraid to eject, if you still want to use CRA.

Collectives™ on Stack Overflow

How can I create only one bundle js file when I am using create-react starter with typescript?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related