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

Question

我的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"/>

Answer 1

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