javascript - webpack打包图片用什么方式实现懒加载

问题描述

问 题

传统懒加载方式一般是用这种<img class="lazy" src="" origin="url"> 方式进行图片的懒加载，但是使用webpack打包后，产出目录没有相关图片，插件是url-loader ,看源码貌似是用src来获取图片打包，如果一个页面很长要做懒加载 用什么方法比较好呢？或者使用webpack怎么实现传统懒加载的打包？

解决方案

答案很简单，就是原来是咋做的，现在还是咋做。

因为你用url-loader就相当于把图片也打包起来了，根本就不是懒加载了。

不过，用file-loader搬运一下图片也还是可以的，不过原理上没有变化。

这篇关于javascript - webpack打包图片用什么方式实现懒加载的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！