一般的src查找路径都需要用到"…/"等,若文件夹很多层级很深的话容易出错。
因此可以起个别名方便查找。
首先在工程目录中找到build文件,在其中找到webpack.base.conf.js文件
找到resolve:里面这段代码,里面已经默认“@”为“src”的别名,按截图中的方式就可以自己给需要的文件起别名。(该方式仅适用于vue-cli3 即脚手架3)
需要注意的是,在组件里面引用的时候,因为组件不是import导入的,所以需要在最前面加上“~”才生效
Vue如何给组件里面的路径起别名及引用?
最新推荐文章于 2023-12-29 15:25:40 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)