Où se trouvent les fichiers et la configuration de WebPack de create-react-app?
J'ai créé un projet ReactJS avec le package create-react-app et cela a bien fonctionné, mais je ne trouve pas les fichiers et les configurations Webpack.
Comment réagit-crée-app fonctionne-t-il 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 prioritaire. Je peux gérer les paramètres de configuration avec d'autres articles, mais je souhaite trouver le ou les fichiers de configuration classiques.
Si vous souhaitez rechercher des fichiers et des configurations Webpack, accédez à votre fichier package.json et recherchez des scripts
Vous constaterez que l’objet scripts utilise une bibliothèque react-scripts
Maintenant, allez à node_modules et cherchez le dossier react-scripts react-script-in-node-modules
Ce dossier réagit-scripts/scripts et réagit-scripts/config contient toutes les configurations de webpack.
De la documentation :
Vous n'avez pas besoin d'installer ou de configurer des outils tels que Webpack ou Babel. Ils sont préconfigurés et masqués afin que vous puissiez vous concentrer sur le code.
Si vous voulez avoir accès aux fichiers de configuration, vous devez éjecter en lançant:
npm run eject
Remarque: il s'agit d'une opération à sens unique. Une fois que vous avez éjecté, vous ne pouvez plus revenir en arrière!
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 via create-react-app sans avoir à vous soucier de la dépendance à Webpack.
Beaucoup de gens visitent cette page dans le but de trouver la configuration et les fichiers du Webpack afin de leur ajouter leur propre configuration. Un autre moyen de réaliser cela sans exécuter npm run eject consiste à utiliser react-app-rewired . Cela vous permet d'écraser votre fichier de configuration webpack sans éjecter.
La configuration Webpack utilisée par create-react-app est ici: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config
Vous pouvez le trouver dans le dossier / config.
Lorsque vous éjectez, vous recevez un message du type:
Adding /config/webpack.config.dev.js to the project
Adding /config/webpack.config.prod.js to the project
En supposant que vous ne vouliez pas éjecter et que vous vouliez juste 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`
La configuration de Webpack est gérée par react-scripts . Vous pouvez trouver toute la configuration webpack à l'intérieur de node_modules react-scripts/config .
Et si vous souhaitez personnaliser la configuration de Webpack, vous pouvez suivre ceci personnaliser-webpack-config
Essayez d’éjecter les fichiers de configuration en lançant:
npm run eject
vous trouverez ensuite un dossier de configuration créé dans votre projet. Vous trouverez vos fichiers de configuration webpack init.