web-dev-qa-db-ger.com

Wo ist die Konfiguration und die Dateien von create-react-app webpack?

Ich erstelle ein ReactJS-Projekt mit dem Paket create-react-app und das hat gut funktioniert, aber ich kann keine Webpack-Dateien und -Konfigurationen finden.

Wie funktioniert die React-Create-App mit dem Webpack? Wo befinden sich die Webpack-Konfigurationsdateien in einer Standardinstallation mit create-react-app? Ich kann keine Konfigurationsdateien in den Ordnern meines Projekts finden.

Ich habe keine Konfigurationsdatei zum Überschreiben erstellt. Ich kann die Konfigurationseinstellungen mit anderen Artikeln verwalten, möchte aber die konventionellen Konfigurationsdateien finden.

98
Mohammad

Wenn Sie nach Webpack-Dateien und -Konfigurationen suchen möchten, gehen Sie zu Ihrer package.json-Datei und suchen Sie nach Skripten .

img

Sie werden feststellen, dass das Skriptobjekt eine Bibliothek verwendet. React-Skripte

Gehen Sie nun zu node_modules und suchen Sie nach dem Ordner "react-scripts" react-script-in-node-modules

Dieser Ordner React-Scripts/Scripts und React-Scripts/Config enthält alle Webpack-Konfigurationen.

63
Vikram Thakur

Aus der Dokumentation :

Sie müssen keine Tools wie Webpack oder Babel installieren oder konfigurieren. Sie sind vorkonfiguriert und ausgeblendet, damit Sie sich auf den Code konzentrieren können.

Wenn Sie Zugriff auf die Konfigurationsdateien haben möchten, müssen Sie eject ausführen:

npm run eject

Hinweis: Dies ist eine Einbahnstraße. Sobald Sie ausgeworfen haben, können Sie nicht mehr zurückkehren!

In den meisten Szenarien ist es am besten, nicht auszuwerfen und zu versuchen, einen Weg zu finden, um es auf andere Weise für Sie arbeiten zu lassen. Auf diese Weise können Sie Ihre Abhängigkeiten über create-react-app aktualisieren und müssen sich nicht mit der Hölle der Webpack-Abhängigkeiten auseinandersetzen.

38
klugjo

Viele Leute besuchen diese Seite mit dem Ziel, die Webpack-Konfiguration und -Dateien zu finden, um ihnen ihre eigene Konfiguration hinzuzufügen. Eine andere Möglichkeit, dies zu erreichen, ohne npm run eject auszuführen, besteht darin, react-app-rewired zu verwenden. Auf diese Weise können Sie Ihre Webpack-Konfigurationsdatei überschreiben, ohne sie auswerfen zu müssen.

15
jjbskir

Die von create-react-app verwendete Webpack-Konfiguration ist hier: https://github.com/facebook/create-react-app/tree/master/packages/react-scripts/config

11
Mihai Rotaru

Sie finden es im Ordner / config.

Beim Auswerfen erhalten Sie eine Nachricht wie:

 Adding /config/webpack.config.dev.js to the project
 Adding /config/webpack.config.prod.js to the project
7
Alfrex92

Angenommen, Sie möchten nicht auswerfen und möchten sich nur die Konfiguration ansehen, dann finden Sie sie in/node_modules/react-scripts/config webpack.config.dev.js. //used by `npm start` webpack.config.prod.js //used by `npm run build`

6
vv1z

Die Webpack-Konfiguration wird von Reaktionsskripten durchgeführt. Sie finden alle Webpack-Konfigurationen in node_modules react-scripts/config .

Und wenn Sie die Webpack-Konfiguration anpassen möchten, können Sie dies befolgen customize-webpack-config

1
Hassan Ajaz

Versuchen Sie, die Konfigurationsdateien zu entfernen, indem Sie Folgendes ausführen:

npm run eject

dann finden Sie einen Konfigurationsordner, der in Ihrem Projekt erstellt wurde. Sie finden Ihre Webpack-Konfigurationsdateien init.

0
Vinayak humberi