Comment configurer la configuration dans vue (tutoriel détaillé)

Cet article présente principalement la configuration dans vue. Cet article vous présente en détail et a une valeur de référence. Les amis dans le besoin peuvent se référer à

Configurer les alias dans le fichier webpack.base.conf et l'extension <.>

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

Après avoir configuré l'alias et l'extension, main.js peut être écrit comme ceci

import Vue from 'vue';
import App from './App';
import Router from 'vue-router';
//components前面可以加上'@/'，也可以省略不写
//如果没有别名，就要写成“import goods from '../components/goods/goods';“
import goods from 'components/goods/goods';
import seller from 'components/seller/seller';
import ratings from 'components/ratings/ratings';
import '@/common/stylus/index';

Ce qui précède est ce que j'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde. l'avenir aide.

Articles associés :

Comment configurer le fichier de configuration Babel dans vue-cli

Comment utiliser le tutoriel d'installation et de configuration de Babel

Utilisez le recadrage gm sous Nodejs pour synthétiser des images

Comment appeler json en utilisant js

Comment implémentez-le via vuejs Principe de la vue basée sur les données

Comment utiliser le composant parent pour appeler les événements du composant enfant dans Vue

Comment compiler, empaqueter et afficher les fichiers d'index dans vue

Comment implémenter le glissement avec les doigts dans vue

Ajouter et supprimer des attributs dynamiquement dans les composants Vue

Comment gérer le problème de la non-mise à jour de la vue lorsque les propriétés de l'objet sont modifiées dans la vue ?

Comment créer une instruction pour télécharger des photos dans AngularJS (tutoriel détaillé)

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!