So legen Sie den Alias ​​der Webpack-Datei fest und konfigurieren die Standard-Routing-Klasse in Vue

Als ich das letzte Mal studierte, stieß ich auf das Problem, die Standardroute zu konfigurieren. Dieses Mal haben wir den Alias ​​der Webpack-Datei konfiguriert und die Standardklasse für die Route festgelegt.

Legen Sie den Alias ​​der Webpack-Datei fest

Legen Sie zunächst den Alias ​​in der Datei webpack.base.conf.js fest. Suchen Sie

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'components': resolve('src/components')
    }
  },

und konfigurieren Sie es im Alias.

Wenn Ihre Datei in Komponenten vorliegt

Bei der Einstellung können Sie sie wie oben beschrieben schreiben resolve('src/components '). Wenn Sie die Dateien unter dieser Datei einführen, verwenden Sie einfach „components/**“ direkt.

Das ist ganz einfach.

2. Konfigurieren Sie die Standard-Routing-Klasse

Dies ist ebenfalls eine sehr einfache Konfiguration. Es gibt auch eine Erklärung in der Vue-Router-Dokumentation.

Als ich es konfiguriert habe. Setzen Sie die Standard-Routing-Klasse auf aktiv. Schließlich ist die Standardeinstellung zu lang. Die Konfiguration ist wie folgt:

export default new Router({
  linkActiveClass: 'active',
  routes: [
   ]
})

Der entscheidende Punkt ist linkActiveClass: 'active', der neue Routing-Standardklassensatz.

Auf diese Weise können Sie Active direkt beim Schreiben von Code verwenden. Ist das nicht viel bequemer?

Das obige ist der detaillierte Inhalt vonSo legen Sie den Alias ​​der Webpack-Datei fest und konfigurieren die Standard-Routing-Klasse in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!