CODEWITHSUNDEEP
javascriptreactjscreate-react-appsource-maps
Red Baron
Red Baron

Reputation: 7642

How to generate sourcemaps in create react app?

I'm wondering how to generate source maps in create-react-app. Are they done implicitly, and do they live in the build folder?

I've read quite a lot about them being generated with webpack but my app is not using it, so I was wondering how I do this without webpack.

I also don't want to eject.

Upvotes: 49

Views: 75558

Answers (3)

3b3ziz
3b3ziz

Reputation: 911

According to CRA documentation, source maps are generated by default in production mode.

However, you can disable this behavior (generating source maps in production mode) by running GENERATE_SOURCEMAP=false ./node_modules/.bin/react-scripts build or if you want this behavior to be permanent, do one of the following solutions:

  1. Set GENERATE_SOURCEMAP=false in your .env file.
  2. Modify the scripts in your package.json and replace "build": "react-scripts build" with "build": "GENERATE_SOURCEMAP=false react-scripts build"

https://facebook.github.io/create-react-app/docs/advanced-configuration

Upvotes: 61

Yogita Sinkar
Yogita Sinkar

Reputation: 11

If you are using CRA, just add the following to your package.json

"scripts": { 
    "build": "set  \"GENERATE_SOURCEMAP=true\" && react-scripts build" 
  }

Upvotes: 1

Pablo LION
Pablo LION

Reputation: 1435

You can truly set GENERATE_SOURCEMAP=false for windows, like @3b3ziz said. However, to run the script across different OS, its better follow the Advanced Configuration Chapter in official document.

Here's what's needed:

  1. Create a .env file in the root of the project. (same folder as your package.json)

    .env file position

  2. Write GENERATE_SOURCEMAP=false in this file.

  3. Rerun whatever you need. react-scripts doesn't detect change in .env.

Upvotes: 2

Related Questions