So legen Sie schnell den Dateipfad-Alias ​​in React fest

React ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Sie entstand aus einem internen Projekt von Facebook. Da das Unternehmen mit all den JavaScript-MVC-Frameworks auf dem Markt unzufrieden war, beschloss es, ein eigenes zu schreiben, um die Instagram-Website zu erstellen. Nachdem das System entwickelt worden war, fanden wir es sehr nützlich und haben es daher im Mai 2013 der Öffentlichkeit zugänglich gemacht.

React ist eine JAVASCRIPT-Bibliothek zum Erstellen von Benutzeroberflächen.

React wird hauptsächlich zum Erstellen von Benutzeroberflächen verwendet und viele Leute denken, dass React das V (View) in MVC ist.

React entstand als internes Projekt bei Facebook, wurde zum Erstellen der Instagram-Website verwendet und im Mai 2013 als Open Source veröffentlicht.

React weist eine hohe Leistung und eine sehr einfache Code-Logik auf, und immer mehr Menschen beginnen, darauf zu achten und es zu verwenden.

Da webpack die Konfigurationsdatei verbirgt, muss sie zuerst angezeigt werden. Nachdem Sie das Projektverzeichnis aufgerufen haben, führen Sie den folgenden Code in cmd aus

npm führt auswerfen 

Möchten Sie sich wirklich abmelden? Dieses Verhalten ist dauerhaft.
Geben Sie y ein und drücken Sie die Eingabetaste. Suchen Sie nach Abschluss des Laufs den Konfigurationsordner im Projektordner.

Öffnen Sie webpack.config.js

Drücken Sie Strg+f, um nach Alias ​​zu suchen und das Konfigurationselement zu finden

Konfigurieren Sie die Zuordnung. Sie können sich auf die folgende Konfiguration beziehen

Alias: {
        "reagieren-native": "reagieren-native-Web",
        ...(isEnvProductionProfile && {
          "react-dom$": "react-dom/Profilierung",
          "scheduler/tracing": "Scheduler/Tracing-Profilerstellung",
        }),
        ...(modules.webpackAliases || {}),
        // Alias ​​der Konfigurationsdatei, der Alias ​​steht links und der entsprechende Pfad rechts "@": path.resolve(__dirname, "../src"),
        "@scss": Pfad.auflösen(__dirname, "../src/assets/scss"),
        "@images": Pfad.auflösen(__dirname, "../src/assets/images"),
        "@views": Pfad.auflösen(__dirname, "../src/views"),
        "@components": Pfad.auflösen(__dirname, "../src/components"),
      },

Nachdem die Konfiguration abgeschlossen ist, starten Sie das Projekt einfach neu.

Dies ist das Ende dieses Artikels zum schnellen Festlegen von Dateipfad-Aliasen in React. Weitere relevante React-Dateipfad-Aliase finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!