where is create-react-app webpack config and files?

javascript reactjs webpack ecmascript-6 create-react-app
Mohammad picture Mohammad · Jan 23, 2018 · Viewed 134.3k times · Source

I create a ReactJS project with the create-react-app package and that worked well, but I cannot find webpack files and configurations.

How does react-create-app work with webpack? Where are the webpack configuration files located in a default installation with create-react-app? I'm unable to find configuration files in my project's folders.

I have not created an override config file. I can manage config settings with other articles but I want to find the conventional config file(s).

Answer

Vikram Thakur picture Vikram Thakur · Jan 23, 2018

If you want to find webpack files and configurations go to your package.json file and look for scripts

img

You will find that scripts object is using a library react-scripts

Now go to node_modules and look for react-scripts folder react-script-in-node-modules

This react-scripts/scripts and react-scripts/config folder contains all the webpack configurations.

Related questions

ERROR in bundle.js from UglifyJs Name expected

I am trying to use UglifyJS to minimize/compress my bundle.js file. When I run webpack -p, I am getting the following: ERROR in bundle.js from UglifyJs Name expected [bundle.js:105519,6] Line 105519 is as follows: const {M, l, …

Read More
Correct path for img on React.js

I have some problem with my images on my react project. Indeed I always thought that relative path into src attribute was built on the files architecture Here my files architecture: components file1.jsx file2.jsx file3.jsx container img …

Read More
babel-loader jsx SyntaxError: Unexpected token

I'm a beginner in React + Webpack. I found a weird error in my hello world web app. I'm using babel-loader in webpack to help me convert jsx into js, but it seems like babel can't understand jsx syntax. Here are …

Read More