javascript - 在 requirejs 的全局范围内加载 AMD 模块

Question

我如何加载我的 AMD 模块并分配给全局，这样一旦它加载我就可以在没有导入(定义)的情况下使用。

我的模块.js

define([], function () {
    'use strict';
    console.log("in amd module...");
    return { a: 1 }; //need to assinge globally 
});

app.js

define([], function () {
    'use strict';
    //MyModule shoud be accessed globally 
    return {};
});

requirejs-config.js

requirejs.config({
    paths: {
        "my-module": "/my-module",
        "app": "/app.js"
    },
    shim: {
        "my-module": {
            // using some option to assine my module to gobally
            //global : "MyModule"
        },
        "app": {
            deps: ["my-module"]
        }
    }
});
// load app.js
requirejs(["app"], function (app) {
    console.log(amd);
    //MyModule shoud be accessed globally 
});

那么，有人知道如何全局加载模块吗？

Answer 1

我不确定您为什么要使用 AMD 并在全局对象上放置一些东西，但假设您有自己的理由...

在 requirejs-config.js 和您的初始加载函数中，需要您需要的模块，在函数回调中为其添加别名，然后将模块添加到 window。

requirejs(["my-module", "app"], function (myModule, app) {
    console.log(amd);
    //MyModule shoud be accessed globally 
    window.myModule = myModule;
});