vue.js - 关于webpack位置引用的问题。

问题描述

问 题

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

但通过1打开的网页是

通过二打开的是

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

解决方案

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

这篇关于vue.js - 关于webpack位置引用的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！