javascript - 如何使用 ES6 模块导入惰性加载和同位素？

Question

我正在使用同位素布局构建图像库。我尝试使用延迟加载来防止下载所有照片（数百张照片）（我希望用户不加载图像，除非他们向下滚动）。我将惰性大小导入模块，但出现此错误：“惰性加载不是函数”。

对这个问题有什么建议吗？

先感谢您：）

这是我的代码：

    import $ from 'jquery';
    import Isotope from 'isotope-layout';
    import jQueryBridget from 'jquery-bridget';
    import imagesLoaded from 'imagesloaded';
    import lazySizes from 'lazysizes';
    jQueryBridget( 'isotope', Isotope, $ );
    jQueryBridget( 'imagesLoaded', imagesLoaded, $ );

    class isotopeGallrey {
     constructor() {
     this.Grid = $(".grid");
     this.itemImage = $(".grid-item img");
     this.createIsotope();
    }

    createIsotope() {
     var that = this;
     this.Grid.imagesLoaded(function() {
      that.Grid.isotope({
       columnWidth: '.grid-sizer',
       itemSelector: '.grid-item',
       containerClass: 'isotope',
       layoutMode: 'masonry',
       percentPosition: true
     });
     that.itemImage.lazyload({
      effect: 'fadeIn'
     });
     that.itemImage.trigger('scroll');
    });
   }
  }

  export default isotopeGallrey;