先別急著噴，實際上造成這種差異的原因 ， 是因為我改了一下webpack中的配置 。接下來涉及少量webpack代碼，不了解webpack的小伙伴也沒關系，了解原理即可 。
在上文中的我們提到，vue項目最終會被打包成一個dist目錄，那么是什么幫我們完成這個打包的呢，沒錯 ， 就是webpack 。在vue項目中的引入一張圖片的時候，細心的同學會發現，有的時候，瀏覽器上顯示圖片地址是一個base64，有的時候，是一個被編譯過后的文件地址 。也就是上述描述的差異 。
之所以會造成這種差異，是webpack打包的時候，對圖片資源進行了相關的配置 。我們可以通過如下命令生成vue項目中的webpack配置文件，進行驗證：
推薦閱讀
- 原神賽諾突破材料是什么
- GCC 指令詳解及動態庫、靜態庫的使用
- 17_Vue列表過濾_js模糊查詢
- Blog2：nchu-software-oop-2022-4+5+期中
- SQL分層查詢
- 新手玩饑荒前期中期后期都應該干什么，地圖應該玩什么
- 崩壞3武器索爾之錘強度如何
- 國行PS5什么時候上市_國行PS5上市時間
- JS中數值類型的本質
- 中國十大最有良心國漫-十大催淚虐心國漫
