Können Sie in React absolute Pfade importieren?

Question

Ich kann this Tutorial für React Native verwenden, aber es scheint nicht mit React zu arbeiten.

Answer 1

Sie werden dies zu tun haben:

1. eine package.json Datei hinzufügen mit { „name“: „FOLDER_NAME“} in es in den Ordner, von dem Sie importieren möchten.
2. import Thing from ‘FOLDER_NAME/thing’ oder import Thing from ‘./thing’

... es sei denn, in der Ordnerstruktur gehen „up“.

import Blah from ‘../../../../../blah’

In Ihrem Reagieren Mutter Projekt, stehen die Chancen Sie Ihren Code in einem einzigen Ordner zu halten, wie zum Beispiel „app“. Wenn Sie ein Verzeichnis „app“ genannt ist, was ein absoluter Pfad könnte wie folgt aussehen:

import Thing from ‘AwesomeApp/app/some/thing’

Was dieses saugt ist buchstäblich alle Import-Anweisungen (oder erfordern Anrufe, wenn Sie noch in das bist) würde mit "AwesomeApp/app /" beginnen, was viel zu fragen ist, wenn die Alternative einfach ist, eine Reihe von "../" hinzuzufügen (die Tastenanschläge sind nur so nahe beieinander, es ist zu einfach).

Um diesen Schwachpunkt zu beheben, können Sie einfach eine package.json-Datei in den Ordner einfügen, von dem Sie importieren möchten. In diesem Fall, da alle unsere Code unter dem „app“ -Ordner ist, würden wir die Datei setzen hier:

AwesomeApp/app/package.json

Dann fügen Sie einen „Namen“ Eigenschaft auf die JSON-Datei mit dem Ordnernamen als Wert (Sie können es nennen, was auch immer Sie möchten, aber wirklich, das verwirrt nur Leute, einschließlich Sie in 6 Monaten). Je kürzer, desto besser.

{ “name”: “app” } 

Jetzt können Sie diesen Namen als Referenz importieren.

import Thing from ‘app/some/thing’