Où se trouve la configuration et les fichiers webpack de create-react-app ?

Question

Je crée un projet ReactJS avec le fichier create-react-app et cela a bien fonctionné, mais je ne trouve pas les fichiers et les configurations de webpack.

Comment react-create-app fonctionne-t-il avec webpack ? Où se trouvent les fichiers de configuration de webpack dans une installation par défaut avec create-react-app ? Je n'arrive pas à trouver les fichiers de configuration dans les dossiers de mon projet.

Je n'ai pas créé de fichier de configuration prioritaire. Je peux gérer les paramètres de configuration avec d'autres articles mais je veux trouver le(s) fichier(s) de configuration conventionnel(s).

Answer 1

Si vous voulez trouver les fichiers et les configurations de webpack, allez dans votre fichier package.json et cherchez scripts

Vous constaterez que l'objet scripts utilise une bibliothèque react-scripts

Allez maintenant dans node_modules et cherchez le dossier react-scripts. react-script-in-node-modules

Este react-scripts/scripts y react-scripts/config contient toutes les configurations de webpack.

Answer 2

Les fichiers sont situés dans votre node_modules/react-scripts dossier :

Webpack config :

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/config/webpack.config.js

Démarrer script :

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/start.js

Construire script :

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/build.js

Test script :

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/scripts/test.js

et ainsi de suite ...

L'objectif de l'ARC n'est pas de se préoccuper de ces questions.

Desde el la documentation :

Vous n'avez pas besoin d'installer ou de configurer des outils comme Webpack ou Babel. Ils sont préconfigurés et cachés afin que vous puissiez vous concentrer sur le code.

Si vous souhaitez avoir accès aux fichiers de configuration, vous devez éjecter en courant :

npm run eject

Remarque : il s'agit d'une opération à sens unique. Une fois éjecté, vous ne pouvez plus revenir en arrière !

Dans la plupart des cas, il est préférable de ne pas s'éjecter et d'essayer de trouver une autre solution.

Si vous avez besoin de remplacer certaines des options de configuration, vous pouvez consulter la page https://github.com/gsoft-inc/craco

Answer 3

Beaucoup de personnes viennent sur cette page dans le but de trouver la configuration et les fichiers webpack afin d'y ajouter leur propre configuration. Une autre façon d'y parvenir sans exécuter npm run eject est d'utiliser react-app-rewired . Cela vous permet d'écraser votre fichier de configuration webpack sans vous éjecter.

Answer 4

En supposant que vous ne souhaitiez pas vous éjecter et que vous vouliez simplement regarder la configuration, vous les trouverez dans /node_modules/react-scripts/config

webpack.config.dev.js. //used by `npm start`
webpack.config.prod.js //used by `npm run build`

Answer 5

Config Webpack utilisée par create-react-app est ici : https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config