同位素与layoutmode包装

Question

我正在使用laravel 5.4，我想要使用Isotope和layoumode packery来展示一些项目。

我在终端输入了以下命令，没有任何错误：

npm install isotope-layout
npm install isotope-packery

我正在初始化同位素：

var Isotope = require('isotope-layout'),
    loadNewItems = false,
    postGrid;

$(window).on('load', function() {
    // postGrid = new Masonry('.grid', {
    //     itemSelector: '.grid-item',
    //     gutter: 0
    // });

    postGrid = new Isotope('.grid', {
        layoutMode: 'packery'
    });

    gridLoader(postGrid);
});

在我webpack.mix.js我有以下内容：

mix.webpackConfig({
    resolve: {
        alias: {
            'masonry': 'masonry-layout',
            'isotope': 'isotope-layout'
        }
    }
});

当我运行我的代码时，我在控制台中看到以下错误：

  

未捕获错误：没有布局模式：packery

显然我做错了，可能是加载Isotope或者包装布局模式。

我不确定布局模式是否已加载，因为我还没有找到如何正确加载它。我想也许Isotope可以解决它自己的问题。

任何想法在这里出了什么问题以及如何解决它？