“@/“路径是什么意思？

89 阅读 0 评论 59 点赞

我是靠谱客的博主等待便当，这篇文章主要介绍“@/“路径是什么意思？，现在分享给大家，希望可以做个参考。

在vue的项目中，我们会遇到

复制代码

1
2
3
4
5
import Vue from 'vue'
import Router from 'vue-router'
import searchinput from '../components/mod/searchinput'
import HelloWorld from '@/components/HelloWorld'

这样的路径引用

其中，./ 表示的是当前目录下，../表示的是父级目录下，
@/ 是webpack设置的路径别名，具体代表什么路径，要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置

复制代码

1
2
3
4
5
6
7
8
9

resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},

在这里，@/就代表了src这个文件下

最后

以上就是等待便当最近收集整理的关于“@/“路径是什么意思？的全部内容，更多相关“@/“路径是什么意思内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

本文分类：vue学习笔记
浏览次数：89 次浏览
发布日期：2023-10-13 09:06:28
本文链接：https://www.kaopuke.com/article/k-p-k_14_uzokf5_13_j_22_2.html

“@/“路径是什么意思？

最后

评论列表共有 0 条评论

发表评论取消回复

“@/“路径是什么意思？

最后

相关文章

评论列表共有 0 条评论

发表评论 取消回复

微信扫一扫：分享

发表评论取消回复