簡述vue中的config配置
更新時間:2018年01月23日 14:07:25 作者:菜鳥的夢想*
這篇文章主要介紹了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';
總結(jié)
以上所述是小編給大家介紹的vue中的config配置,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
相關文章
關于vue使用ant design vue,打包后a-date-picker控件無法選擇日期的問題
這篇文章主要介紹了關于vite .env.test環(huán)境使用ant design vue,打包后a-date-picker控件無法選擇日期的問題,本文針對這個問題提供了解決方法,需要的朋友可以參考下2023-04-04圖文詳解vue中proto文件的函數(shù)調(diào)用
這篇文章主要給大家介紹了vue中proto文件函數(shù)調(diào)用的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用vue具有一定的參考學習價值,需要的朋友可以參考下2021-08-08Vue+Router+Element實現(xiàn)簡易導航欄
這篇文章主要為大家詳細介紹了Vue+Router+Element實現(xiàn)簡易導航欄,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09詳解windows下vue-cli及webpack 構(gòu)建網(wǎng)站(二)導入bootstrap樣式
這篇文章主要介紹了詳解windows下vue-cli及webpack 構(gòu)建網(wǎng)站(二)導入bootstrap樣式,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06