So führen Sie JS-Dateien in Uniapp ein

Da Uniapp weiter wächst und sich weiterentwickelt, beginnen immer mehr Entwickler damit, plattformübergreifende Anwendungen zu entwickeln. Während des Entwicklungsprozesses müssen Sie manchmal einige von Ihnen selbst geschriebene js-Dateien einführen. In diesem Artikel wird erläutert, wie Sie mit Uniapp js-Dateien einführen.

1. Fügen Sie js-Dateien in die Seite ein

1. Suchen Sie die Seite, die js-Dateien einfügen muss, im Seitenverzeichnis (zum Beispiel: index.vue) # 🎜🎜#
Verwenden Sie im Skript-Tag dieser Seite den folgenden Code, um die js-Datei einzuführen:

2. import xxx from '@/xxx.js' 

   Nach dem Login kopieren

   Nach dem Login kopieren

Verwenden Sie die Methoden oder Variablen in der js-Datei im Code, zum Beispiel:

xxx.doSomething();

Nach dem Login kopieren

1. Verwenden Sie im Skript-Tag der Komponente Geben Sie den folgenden Code ein, um die js-Datei einzuführen:

2. import xxx from '@/xxx.js' 

   Nach dem Login kopieren

   Nach dem Login kopieren
In ähnlicher Weise stellt das Symbol „@“ das Stammverzeichnis des Projekts und xxx den Namen der von Ihnen geschriebenen js-Datei dar. Wenn sich die Datei nicht im Stammverzeichnis befindet, müssen Sie den Importpfad ändern.

3. mounted() {
     xxx.doSomething();
   }

   Nach dem Login kopieren
3. Führen Sie die js-Datei global ein# 🎜🎜#

Suchen Sie im Projektstammverzeichnis die Datei vue.config.js

Fügen Sie den folgenden Code zur Datei hinzu:

configureWebpack: {
  externals: {
    'xxx': 'xxx'
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  }
}

Nach dem Login kopieren
# 🎜🎜#Unter diesen steht „xxx“: „xxx“ stellt den Namen der js-Datei dar, die importiert werden muss. Das erste „xxx“ ist der Name der Datei im Projekt und das zweite „xxx“ ist der Name in der globalen Welt; '@ Das '-Symbol stellt auch das Projektstammverzeichnis dar.

window.xxx.doSomething();

4. Zusammenfassung
3. # 🎜🎜# Mit den oben genannten drei Methoden können wir unsere eigenen js-Dateien in Uniapp einführen und sie in Seiten, Komponenten oder global verwenden. Beim Schreiben von JS-Dateien müssen Sie auf die Namens- und Pfadangaben achten, um Einführungsfehler oder Codeverwirrung zu vermeiden.

Das obige ist der detaillierte Inhalt vonSo führen Sie JS-Dateien in Uniapp ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!