Wie kann ich Module außerhalb des „src'-Verzeichnisses in Create React App importieren, ohne sie auszuwerfen?

Überwindung von Importbeschränkungen außerhalb des src-Verzeichnisses in Create-React-App

Create-React-App (CRA) erzwingt strenge Importregeln, Verhindert, dass Module außerhalb des src-Verzeichnisses importiert werden. Diese Einschränkung führt zu Fehlern beim Zugriff auf Dateien aus anderen Verzeichnissen, z. B. dem öffentlichen Ordner.

Grundlegendes zum ModuleScopePlugin

Das ModuleScopePlugin-Plugin in CRA stellt sicher, dass App-Quellcodeimporte erhalten bleiben innerhalb des src-Ordners eingeschränkt. Das Plugin schützt vor externen Modulzugriffen und gewährleistet eine geschlossene und sichere App-Umgebung.

Non-Eject Solutions

Offiziell erfordert die Umgehung dieser Einschränkung das „Auswerfen“ aus CRA, ein Prozess, der direkten Zugriff auf die zugrunde liegende Webpack-Konfiguration ermöglicht. Das Auswerfen birgt jedoch das Risiko, den Zugriff auf zukünftige CRA-Funktionen und -Updates zu verlieren.

Statt des Auswerfens sollten Sie diese inoffiziellen Lösungen in Betracht ziehen:

• Neu verdrahten: Verwenden das Rewire-Paket, um die Webpack-Konfiguration dynamisch zu ändern. Dies ermöglicht zwar den Modulzugriff außerhalb von src, wird jedoch nicht empfohlen, da es den Plugin-Schutz schwächt.
• react-app-alias: Diese Bibliothek erstellt zusätzliche src-ähnliche Verzeichnisse, die ebenfalls von abgedeckt werden ModuleScopePlugin. Dies erhöht die Flexibilität und gewährleistet gleichzeitig die Sicherheit.

Vermeiden Sie den Import aus dem öffentlichen Ordner

Das Importieren von Assets aus dem öffentlichen Ordner ist ineffizient, da sie im Build dupliziert werden Ordner. Speichern Sie Assets stattdessen in src, um die Bundle-Größe und die Ladeeffizienz zu optimieren.

Das obige ist der detaillierte Inhalt vonWie kann ich Module außerhalb des „src'-Verzeichnisses in Create React App importieren, ohne sie auszuwerfen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!