javascript - Require JS 仍然没有按顺序加载 shim 内容

Question

我可能在这里做了一些明显错误的事情，这是我的代码，我不断收到错误消息，说 _Packery 未定义，我认为这是因为它在 jQuery 之前加载。

我查看了文档，但我不明白为什么它不能正常工作。

require.config({
    urlArgs: "ts="+new Date().getTime(), // disable caching - remove in production
    paths: {
        jquery: [
            "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min",
            "libs/jquery-191"
        ],
        packery: [
            "plugins/packery"
        ]
    },
    shim: {
        'packery': ['jquery']
    }
});


require(['jquery', 'packery'], function($) {

    var container = $('#container');
    container.packery({
        itemSelector: '.item',
        gutter: 10
    });

});

任何可以让我了解我做错了什么的帮助将不胜感激。

谢谢

Answer 1

我认为你应该像这样定义一个垫片:

 shim: {
        'packery': {
            deps: ['jquery'],
        }, ...

然后尝试像这样导出打包...

require(['jquery', 'packery'], function($, packery) {

    var container = $('#container');
    container.packery({
        itemSelector: '.item',
        gutter: 10
    });

});

来自官方文档: 使用 Packery 不需要 jQuery。但如果您确实喜欢 jQuery，Packery 将其作为 jQuery 插件使用。