问题背景：
记录一次 code review 时同事给我的评论，顺便整理下涉及的知识点。
我在项目的 src/common/images 文件夹中新增了一个图片资源 pic_recommend.png，在多个文件中都引用了这个图片资源。我使用了相对路径的写法，看起来代码很冗余，且多层 …/ 写着麻烦，不易维护。
其实我在写这些相对路径的时候，没有路径自动补全，写的时候就觉得这个过程太傻了，很容易出错……
问题描述
相对路径因为有多层 …/，所以写起来很容易出错。同事评论我可以把引用路径改成 ~@common/images/pic_recommend.png。
思考：
为什么可以写成 ~@common/images/pic_recommend.png 呢？
～ 代表什么？
@common 又是什么？
相关知识：
webpack配置
经过我的“观察”
标签：省略,..,傻傻,webpack,相对路径,common,path From： https://blog.csdn.net/qq_43799482/article/details/141332919