Is there an appropriate approach to add custom configuration for webpack?

[draplater]

I try to add configuration for custom loaders by modifying webpack.config.dev.js. But when I upgrade packages, my modification is overridden. So, can I config webpack without "eject"?

[jmcrthrs]

Actually, yes.

You can read about it here:

#682

Here is a detailed blog post with all the steps you require:

https://auth0.com/blog/how-to-configure-create-react-app/

In short, you:

• fork react-scripts
• edit the configuration
• publish to npm with a unique name (draplater-react-scripts)
• reference your forked react-scripts when creating a new app

$ create-react-app my-app --scripts-version draplater-react-scripts

Pro:

• You can pull from upstream to stay up to date with changes from the official react-scripts
• No need to eject

Con:

• Maintaining your fork.

[gaearon]

There is also unofficial https://github.com/timarney/react-app-rewired (use at your own risk).
But we don't officially support overriding webpack loaders until you eject or fork.

Cheers!