src路径问题；

Question

先上两个图，第一张图里面的图片src里面"~/IMGS/home/home_man_head.png";那个IMGS是有在webpack.base.conf.js里面定义路径的，但是为什么前面还要有"~"这个符号呢？有人说~是根目录，vue是怎么解析这个~,~是在哪里有定义吗？

Answer 1

不设置~，webpack会把IMGS/home/home_man_head.png当作一个相对路径去寻找图片；设置~会把IMGS当作一个模块去寻找图片。
本质上你代码中~/IMGS/home/home_man_head.png就相当于直接再src/assets/images里面寻找图片，只不过你配置了一个alias。
更多细节可以看vue-cli官方文档。