用需求加载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，‘参数’，参数)；}

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

你们能不能用外行的话把这件事告诉我怎么回事？

Answer 1

那套设置没什么意义。您应该定义您的路径，定义您的shims，然后按名称要求这些模块。

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);
});