javascript - 使用 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 文件。不过我得到了

Uncaught Error: Mismatched anonymous define() module: function (){ console.log('this', this, 'arguments', arguments); }

我正在 requirejs 文档下查找错误，但它并没有明确说明发生这种情况的原因和原因。

你们能用通俗的语言为我解释一下发生了什么吗？

Answer 1

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

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