So legen Sie einen Alias ​​für einen benutzerdefinierten Pfad in Vue fest

So konfigurieren Sie benutzerdefinierte Pfadaliase in Vue

In unserer täglichen Entwicklung importieren wir häufig einige Module oder Komponenten. Wenn wir relative Pfade verwenden:

importiere uEditor aus "../../../../../components/tools";

Es erscheint aufgebläht und redundant. Wenn in der Referenz ein kleiner Fehler vorliegt, wird ein -404-Fehler angezeigt, was nicht elegant ist. 404-Fehler treten häufig auf. Wenn sich die Datei ändert, müssen Sie den Änderungspfad einzeln finden und erneut ändern, was sehr mühsam ist. Versionen über vue cli3 bieten eine Dateialiasfunktion in node_modules. Es wird jedoch weiterhin empfohlen, den node_modules-Code so wenig wie möglich zu ändern, sofern keine spezielle Anforderung besteht.

Erstellen Sie vue.config.js und schreiben Sie den Konfigurationscode

modul.exporte = {
    konfigurierenWebpack: {
        lösen: {
            alias: { // Alias ​​konfigurieren, Sie müssen nach der Änderung neu kompilieren, damit sie wirksam wird 'assets': '@/assets',
                'allgemein': '@/allgemein',
                'Komponenten': '@/Komponenten',
                'Netzwerk': '@/Netzwerk',
                'Ansichten': '@/Ansichten',
            }
        }
    }
}

Wie unten dargestellt:

Hinweis: Wenn Sie in einem HTML-Pfad einen Alias ​​verwenden, müssen Sie der Referenz ein "~" voranstellen.

Weitere Referenzen im Dokument:

Oben ist die Methode, die ich Ihnen in Vue vorgestellt habe, um Aliase für benutzerdefinierte Pfade festzulegen. Ich hoffe, sie wird Ihnen hilfreich sein. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!