Dieser Artikel stellt Ihnen hauptsächlich die Konfigurationskonfiguration in Vue vor und hat Referenzwert.
Konfigurieren Sie Aliase in der Datei webpack.base.conf
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') } }
Nach der Konfiguration des Alias und der Erweiterung kann main.js so geschrieben werden
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';
Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.
Verwandte Artikel:
So konfigurieren Sie die Babel-Konfigurationsdatei in vue-cli
So verwenden Sie das Babel-Installations- und Konfigurations-Tutorial
Verwenden Sie GM Cropping unter Nodejs, um Bilder zu synthetisieren
Anleitung Implementieren Sie es über Vuejs Prinzip der datengesteuerten Ansicht
So kompilieren Sie, Indexdateien in Vue packen und anzeigen
So implementieren Sie das Gleiten mit den Fingern in Vue
Attribute in Vue-Komponenten dynamisch hinzufügen und löschen
So erstellen Sie eine Anleitung zum Hochladen von Fotos in AngularJS (ausführliches Tutorial)
Das obige ist der detaillierte Inhalt vonSo konfigurieren Sie die Konfiguration in Vue (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!