vue中给路径起别名的实现方法 vue中给路径起别名的实现方法

1、在webpack.base.conf.js配置文件中给路径起别名
2、在vue文件中使用别名

2.1、在import中使用@
2.2、在dom中使用别名（~）

3、修改了vue的配置文件，要重新npmrundev

1、在webpack.base.conf.js配置文件中给路径起别名

文章图片

resolve: {extensions: ['.js', '.vue', '.json'],alias: {'@': resolve('src'),'assets': resolve('src/assets'),'components': resolve('src/components'),'views': resolve('src/views'),}},

2、在vue文件中使用别名
2.1、在import中使用@

文章图片

/* 1、导入T组件 */import TabBar from '@/components/tabbar/TabBar'import TabBarItem from '@/components/tabbar/TabBarItem'

2.2、在dom中使用别名（~）

文章图片

文章图片

文章图片
首页

3、修改了vue的配置文件，要重新npm run dev 【vue中给路径起别名的实现方法】页面正常访问，图片能够正常显示

文章图片

到此这篇关于vue中给路径起别名的实现方法的文章就介绍到这了,更多相关vue 路径起别名内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

vue中给路径起别名的实现方法

推荐阅读

铁路会员制来了！积分可兑换火车票积分兑换火车票

奶瓶能不能放冰箱奶瓶可以放冰箱储奶吗

辣条行业的老大是谁？

什么久不什么什么久不什么的成语有哪些

免费种子

新鞋子磨脚如何办怎么解决鞋子磨脚

狗狗喜欢主人抱吗狗狗喜欢主人抱抱吗

chatgpt字数十个字，chatGpt论文字数达不到

东京奥运会中国奖牌数历届奥运会中国奖牌数

好春光不如梦一场是什么歌徐峥好春光不如梦一场是什么歌

怎样泡好老白茶老白茶怎么泡才好喝

剑网3指尖江湖壁上剑章隐玄机怎么做任务完成攻略

电商如何留存，电商如何留存客户

超市的八宝粥里面有添加剂吗？为何保质期可达到24个月？

乡间日记10――稻子收完了

芒种怎样吃梅子

保险人员辞职报告

火鸡肉多少钱一斤，养火鸡的利润与成本

三伏灸什么时间段做最好

邮箱服务器设置怎么弄邮箱服务器怎么注册