vue路径中“@/“代表什么

举例:

js 复制代码
<img src="@/../static/imgNew/adv/tupian.jpg"/>

其中,@/是webpack设置的路径别名,代表什么路径,要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置:

上图中@代表src,上述代码就等于:

js 复制代码
<img src="@/../static/imgNew/adv/tupian.jpg" />
=
<img src="src/../static/imgNew/adv/tupian.jpg"/>

补充:

  • "./":代表目前所在的目录。
  • " . ./"代表上一层目录。
  • "/":代表根目录。
相关推荐
pepedd8641 小时前
还在开发vue2老项目吗?本文带你梳理vue版本区别
前端·vue.js·trae
前端缘梦1 小时前
深入理解 Vue 中的虚拟 DOM:原理与实战价值
前端·vue.js·面试
HWL56791 小时前
pnpm(Performant npm)的安装
前端·vue.js·npm·node.js
柯南95272 小时前
Vue 3 reactive.ts 源码理解
vue.js
柯南95272 小时前
Vue 3 Ref 源码解析
vue.js
小高0072 小时前
面试官:npm run build 到底干了什么?从 package.json 到 dist 的 7 步拆解
前端·javascript·vue.js
JayceM3 小时前
Vue中v-show与v-if的区别
前端·javascript·vue.js
HWL56794 小时前
“preinstall“: “npx only-allow pnpm“
运维·服务器·前端·javascript·vue.js
秃头小傻蛋4 小时前
Vue 项目中条件加载组件导致 CSS 样式丢失问题解决方案
前端·vue.js
复苏季风4 小时前
vite里把markdown文件渲染成vue组件
vue.js·markdown