這篇文章主要介紹了vue中的config配置,本文給大家介紹的非常詳細,具有參考借鑒價值,需要的朋友可以參考下
在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') } }
配置好別名和副檔名後,main.js就可以這樣寫
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';
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
以上是在vue中如何進行config設定(詳細教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!