图片路径

相关截图：

问题描述：

为什么这样写可以找到公共图片下的icons.png?别名不是（如图）

的嘛？

当前的btn.css不是在如图的文件中吗？

难道不应该这样写路径吗？

../../../../images/icon.png

你怎么睡得着的 2022-08-24

源自：“仿穷游”首页组件化开发 4-3 幻灯片组件

19

收起

1回答

好帮手慕慕子 2022-08-24 14:56:59

同学你好，在webpack.config.js文件中配置了路径别名，也就是同学截图所示的代码，如下图所示：

当你直接写images时，webpack内部会根据你前面的配置，默认找到src/assets/images文件夹，所以书写的images/icons.png 等价于 src/assets/images/icons.png。

祝学习愉快~

提问者你怎么睡得着的 #1

老师，我的问题是根据当前btn.css的位置，路径为什么不写成：../../../../images/icon.png

2022-08-24 15:47:00
好帮手慕慕子回复提问者你怎么睡得着的 #2

问题解答如下：
1、可以使用相对路径找到icon.png图片，不过正确的写法应该是：../../../../assets/images/icons.png
同学提供的路径中少了assets文件夹。
2、两种方式都可以。讲师是根据自己的开发习惯进行讲解的，因为已经提前配置了路径别名，所以使用images/icons.png相对于../../../../assets/images/icons.png 这种写法，会更简洁一点，同学可以选择其中任意一种方式。
祝学习愉快~

2022-08-24 17:59:29

相似问题

为什么绝对路径的图片无法显示？

关于图片的相对路径不能显示图片

关联了css，关联路径css/lunbo.css也是对的，但是图片没有显示出来，为什么？

图片无法显示

Mac图像如何写路径？

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载