Maison > interface Web > js tutoriel > Comment définir l'alias du fichier Webpack et configurer la classe de routage par défaut dans vue

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

一个新手
Libérer: 2017-09-27 10:26:28
original
2091 Les gens l'ont consulté

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: [&#39;.js&#39;, &#39;.vue&#39;, &#39;.json&#39;],
    alias: {
      &#39;vue$&#39;: &#39;vue/dist/vue.esm.js&#39;,
      &#39;@&#39;: resolve(&#39;src&#39;),
      &#39;components&#39;: resolve(&#39;src/components&#39;)
    }
  },
Copier après la connexion
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: &#39;active&#39;,
  routes: [
   ]
})
Copier après la connexion
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!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal