关于webpack位置引用的问题。

Question

我通过webpack的1.npm run dev。和2.npm run build然后打开index.html。
两种方式分别打开网页，webpack设置的路径都是

但通过1打开的网页是

通过二打开的是

然后我发现1可以识别/../..这种路径
2只能识别./../..这种路径？（前面多一个.）
请问一下这种情况如何解决？

Answer 1

这个问题其实是来自于webpack进行打包时候各种loader的路径解析问题。
npm run dev时，绝对路径的解析是从本地服务器的根目录下面开始，所以这样是没有问题的。
npm run build时，绝对路径是从你的系统的根目录开始的，所以loader会找不到文件，也就无法以base64的方式插入到src中。