使用 requirejs 加载 zepto 模块

Question

我是 RequireJS 的新手，我正在尝试了解其使用背后的逻辑...

我在html脚本标签之间有以下脚本

requirejs.config(
    {shim: {
        'zepto': ['//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.min.js'],
        'js/zepto.addon.min' : 'zepto',
        'js/zepto.swipeslide' : ['zepto', 'js/zepto.addon.min']
    }}
    );

define(['//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.min.js','js/zepto.addon.min','js/zepto.swipeslide'],function(){
    console.log('this', this, 'arguments', arguments);
});`

我只是想在插件之前加载必要的 zepto 文件。但是我得到了一个

未捕获的错误：不匹配的匿名定义（）模块：函数（）{ console.log('this', this, 'arguments', arguments); }

我正在查找 requirejs 文档下的错误，但它并没有说明这是什么以及为什么会发生这种情况。

你们能用外行的话为我分解一下这是怎么回事吗？

Answer 1

这种设置没有多大意义。您应该定义您的路径，定义您的 shim，然后按名称要求这些模块。

requirejs.config({
    // setup global dependencies
    shim: {
        'addon' : 'zepto',
        'swipeslide' : ['zepto', 'addon']
    },
    // define module paths
    paths: {
        'zepto': '//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.min',
        'addon': 'js/zepto.addon.min',
        'swipeslide': 'js/zepto.swipeslide'
    }
});

define(['zepto', 'addon', 'swipeslide'], function($) {
    console.log('this', this, 'arguments', arguments);
});