确保在r.js优化的应用程序中调用RequireJS模块

Question

我有一个仅执行一些代码以覆盖某些现有功能的模块。 该模块不返回任何值。 它看起来像这样：

// module "patch.js"
define(function (require) {
    var lib = require("lib");
    lib.foo = function () {
        // overwrite foo function here
    }
});

然后，将其定义为我的主应用程序模块的依赖项，如下所示：

// main.js
require.config({
    shim: {
        "app": {
            deps: ["patch"]
        }
    }
});

然后像这样启动应用程序模块：

// main.js
require(["app"],function (app) {
    app.start();
});

运行未优化的版本时，此方法工作正常。 在应用启动之前，将加载“补丁”模块，并调用其中的代码。 一切都很好。

当我使用r.js优化时，问题就开始了。 我注意到“补丁”模块的代码已被拉入优化文件，但从未被调用。

我可以通过在我的应用程序代码中的某个位置显式调用require("patch")来强制调用它，但是我宁愿只在配置中定义此依赖项。

未优化和已优化模块之间的行为差​​异的原因是什么？ 为什么未优化的模块会自动调用，而优化的模块包含在生成的文件中却从未调用过？ 我可以使用配置选项解决它吗？ 我可以更改定义“补丁”模块的方式来获得我想要的行为吗？

==编辑：添加r.js配置==

我正在使用grunt-contrib-requirejs。 配置差不多就变得简单了。

{
    baseUrl: "site/js",
    mainConfigFile: "site/js/main.js",
    out: "build/js/main.js",
    name: "main",
    optimize: "uglify2",
    removeCombined: false
}

Answer 1

需要指出的几件事

1. Shim config应该仅用于NON-AMD模块。 例如，您尝试集成未在define函数中定义的jQuery插件。 因此，这段代码不是必需的，甚至可能破坏您的应用程序：

    require.config({ shim: { "app": { deps: ["patch"] } } }); 

2. 其次，尝试在r.js优化器中定义应用程序中的模块

    { baseUrl: "site/js", mainConfigFile: "site/js/main.js", out: "build/js/main.js", name: "main", optimize: "uglify2", removeCombined: false, modules : [ { name : 'site/js/main.js' } ] } 

通过这种方式，r.js将知道如何正确捆绑main.js模块及其所有依赖项。

希望这可以帮助。