哇擦
配置 webpack-dev-server
不就是为了提高开发效率(懒),然后图片在火狐浏览器竟然显示不出来。一看我滴个亲娘勒,好家伙把我打包后生成的 dist 目录删了就不重新打包了(因为之前配置了clean-webpack-plugin
插件,它的作用就是在打包之前把 dist 目录删除掉)?
本质
好吧,在浏览器上搜了一圈,也没得到解决办法😡。最后用 Chrome 找到 segmentfault社区才发现 使用webpack-dev-server是不会生成文件的,相应代码会读进内存。
那么问题来了,为什么 firefox 不能正常显示图片,打开开发者工具查看下:
图片是以 url 链接形式存在的,怎么就不能正常显示呢?由于不太习惯 firefox 的开发者工具,就把默认浏览器换成了 Edge。重新npm start
一下,在 Edge 显示成功了,wdnmd🐷。
真好,愿你开心快乐每一天,真好。