先别急着喷,实际上造成这种差异的原因 , 是因为我改了一下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中数值类型的本质
- 中国十大最有良心国漫-十大催泪虐心国漫