Wie kann ich Assets von außerhalb des „src'-Verzeichnisses in die Create React App importieren?

Überwindung der Importbeschränkung von „Create-React-App“ außerhalb des Src-Verzeichnisses

Bei Verwendung von „Create-React-App“ Zugriff auf Assets wie Bilder aus Ordnern außerhalb des src-Verzeichnisses kann zum Fehler „Modul nicht gefunden“ führen. Diese Einschränkung ist der Create-React-App eigen, um eine klare Projektstruktur aufrechtzuerhalten und die Codesicherheit zu gewährleisten.

Grund für die Einschränkung

Das in Create-React- implementierte ModuleScopePlugin app erzwingt die Einschränkung, dass relative Importe aus dem src-Verzeichnis der App nicht darüber hinausgehen dürfen. Dadurch wird sichergestellt, dass die Vermögenswerte innerhalb der festgelegten Grenzen des Projekts bleiben.

Inoffizielle Lösungen

Obwohl die offizielle Haltung lautet, dass diese Einschränkung nicht deaktiviert werden kann, ohne aus der Create-React-App auszuwerfen Es gibt mehrere inoffizielle Lösungen. Das Auswerfen birgt jedoch das Risiko, den Zugriff auf zukünftige Updates und Funktionen zu verlieren.

• Rewire: Dieses Tool ermöglicht eine programmgesteuerte Änderung der Webpack-Konfiguration, ohne das ModuleScopePlugin auszuwerfen, sondern zu entfernen Vom Plugin wird dringend abgeraten.
• React-app-alias: Eine bessere Der Ansatz beinhaltet das Hinzufügen voll funktionsfähiger Verzeichnisse analog zu src, die auch durch ModuleScopePlugin geschützt sind.

Empfohlener Ansatz

Anstelle des Imports aus dem öffentlichen Ordner ist es ratsam um Assets im src-Ordner abzulegen. Dies bietet mehrere Vorteile:

• Optimale Paket-Downloadgröße
• Verbesserte Ladeeffizienz durch optimiertes Chunk-Loading von Webpack
• Konsistente Asset-Verfügbarkeit über eine einzige URL

Durch die Einhaltung dieser Richtlinien können Entwickler die Importbeschränkung umgehen und die Integrität und Leistung ihrer mit erstellten Anwendungen aufrechterhalten create-react-app.

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