Je crée un projet ReactJS avec le create-react-app
package et cela a bien fonctionné, mais je ne trouve pas de fichiers et de configurations Webpack.
Comment React-Create-App fonctionne avec Webpack? Où se trouvent les fichiers de configuration Webpack dans une installation par défaut avec create-react-app
? Je ne parviens pas à trouver les fichiers de configuration dans les dossiers de mon projet.
Je n'ai pas créé de fichier de configuration de remplacement. 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).
node_modules
répertoire racineDe la documentation :
Si vous souhaitez avoir accès aux fichiers de configuration, vous devez éjecter en exécutant:
Dans la plupart des scénarios, il est préférable de ne pas éjecter et d'essayer de trouver un moyen de le faire fonctionner pour vous d'une autre manière. De cette façon, vous pouvez mettre à jour vos dépendances
create-react-app
sans avoir à gérer l'enfer des dépendances Webpack.la source
Beaucoup de gens viennent sur cette page dans le but de trouver la configuration et les fichiers du pack Web afin d'y ajouter leur propre configuration. Une autre façon d'y parvenir sans courir
npm run eject
est d'utiliser react-app-rewired . Cela vous permet d'écraser votre fichier de configuration webpack sans l'éjecter.la source
En supposant que vous ne vouliez pas éjecter et que vous vouliez simplement regarder la configuration dans laquelle vous les trouverez
/node_modules/react-scripts/config
la source
La configuration Webpack utilisée par
create-react-app
est ici: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/configla source
Vous pouvez le trouver dans le dossier / config .
Lorsque vous éjectez, vous recevez un message du type:
la source
La configuration de Webpack est gérée par des scripts de réaction . Vous pouvez trouver toutes les configurations Webpack dans node_modules react -scripts / config .
Et si vous souhaitez personnaliser la configuration du webpack, vous pouvez suivre cette personnalisation-webpack-config
la source
Essayez d'éjecter les fichiers de configuration en exécutant:
alors vous trouverez un dossier de configuration créé dans votre projet. Vous trouverez vos fichiers de configuration webpack init.
la source
Je sais qu'il est assez tard, mais pour les futures personnes qui tombent sur ce problème, si vous voulez avoir accès à la configuration webpack de CRA, il n'y a pas d'autre moyen sauf que vous devez exécuter:
Cependant, avec l'éjection, vous vous retirerez du pipeline de mises à jour de l'ARC, par conséquent, à partir du point d'éjection, vous devez le maintenir vous-même.
J'ai rencontré ce problème plusieurs fois, et j'ai donc créé un modèle pour les applications de réaction qui ont la plupart de la même configuration que CRA, mais aussi des avantages supplémentaires (comme des composants stylisés, un test unitaire de plaisanterie, Travis ci pour les déploiements, plus joli , ESLint, etc ...) pour faciliter la maintenance. Découvrez le repo .
la source