为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

拉莫斯之舞 2018-11-13 13:15:11
我的webpack是这样配置的           {                test: /\.html$/,                use: [{                    loader: 'html-loader',                    options: {                        root: resolve(__dirname, 'src'),                        attrs: ['img:src','img:data-original']                    }                }]            },但是实际运行的的时候图片并没有搬运,报错找不到图片。<img class="con3" data-original="./images/green-con3.png"/>
查看完整描述

1 回答

?
慕后森

TA贡献1802条经验 获得超5个赞

在scroll的时候判断图片距离视口顶部的距离,小于视口的高度时,img的src去读data-original的属性


查看完整回答
反对 回复 2018-12-14
  • 1 回答
  • 0 关注
  • 447 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信