Comment définir l'alias du fichier Webpack et configurer la classe de routage par défaut dans vue

La dernière fois que j'étudiais, j'ai rencontré le problème de configuration de l'itinéraire par défaut. Cette fois, nous avons configuré l'alias du fichier webpack et défini la classe par défaut pour l'itinéraire

1 Définir l'alias du fichier webpack<.>

Définissez d'abord l'alias dans le fichier webpack.base.conf.js. Recherchez

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

et configurez-le en alias.

Si votre fichier est en composants

Lors du paramétrage, vous pouvez l'écrire comme mon ci-dessus resolve('src/components '). Lors de l'introduction des fichiers sous ce fichier, uniquement les composants/**.

C'est très simple.

2. Configurer la classe de routage par défaut

C'est également une configuration très simple. Il y a aussi une explication dans la documentation de vue-router.

Quand je l'ai configuré. Définissez la classe de routage par défaut sur active. Après tout, celui par défaut est trop long. La configuration est la suivante :

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

Le point clé est linkActiveClass : 'active', qui est le nouvel ensemble de classes de routage par défaut.

De cette façon, vous pouvez utiliser active directement lors de l'écriture du code. N'est-ce pas beaucoup plus pratique ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!