尝试在 require 中使用非 AMD 模块

Question

我正在尝试在 requirejs 中使用我拥有的非 AMD JS 模块（称为 mymodule）。这是第一次尝试这样做。按照我从 bootstrap-amd 和 underscore-amd 看到的内容，我尝试了以下操作：

// start of mymodule

if(typeof mymodule === "undefined") loaded = {};

mymodule.cache = (function() {

    ...

    return {
        ...
    };
})();

mymodule.main = (function() {

    ...

    return {
        doSomethingJQuery: function() { ... }
    }
})();

.
.
.

// end of mymodule


// This part I added for the sake of requirejs
if(typeof define === "function" && define.amd) {
    define(function() {
        return mymodule;
    });
}

您可以看到第一部分是我的模块（我希望使用好的 JS 模块模式:)。我想保留使用独立于 require JS 的模块的选项，所以如果我不想在另一个项目中使用 requirejs，我不必这样做。所以我有点不想将整个模块包装在一个 define(...) 函数中......除非通常的做法是有一个 mymodule.js 和 mymodule-amd.js 文件。

无论如何我的模块加载，

define(["mymodule"], function (mymodule) {

        // do it - ReferenceError: jQuery is not defined :(
        mymodule.doSomethingJQuery();
        .
        .
        .

..但是由于 doSomethingJQuery() 依赖于 jQuery，我得到一个错误。我怎样才能在这里引入 jQuery ，还是应该以不同的方式进行？我试图找到一些例子，但对 requirejs 来说还很陌生。想以正确的方式做事。如前所述，我还想保留独立使用模块的选项。非常感谢这里的任何指示，谢谢。

Answer 1

您需要使您的模块依赖于 jQuery 并将引用传递给将定义您的模块的函数。将定义模块的代码更改为：

if(typeof define === "function" && define.amd) {
    define(['jquery'], factory);
}
else
    mymodule = factory(jQuery);

else 部分对于非 AMD 的情况是必需的，因为您现在正在使用工厂函数。（你也可以有一个分支来处理像 Node 这样的 CommonJS 环境，但我不打算在这里添加它。）

然后创建一个函数来定义您的模块：

function factory($) {
    // define the module
    return mymodule;
}

整个东西可以包装在IIFE中以避免factory污染全局space。

尝试在 require 中使用非 AMD 模块

Trying to use a non-AMD module in require

javascript

requirejs

amd