javascript - 是否可以使用 require.js 将非模块 *.js 文件设置为依赖项

Question

我们不使用 require.js 在 js 源代码上实现模块，但我想将它用于测试。还有一个问题：我无法实现原始 *.js 文件作为其他模块的依赖项。是否可以？

我的意思是：在它之后加载一些 *.js 文件和模块（以测试它）。

Answer 1

define工作原理

我将 require.js 用于实现和测试。在执行模块函数之前，您可以使用define.

define(["test/myTest.js", "test/anotherTest.js"], function(test1, test2) {
  // perform your tests
});

如何使用requirejsasyncTests

您还可以在模块函数中加载依赖项后加载代码，使用. 我将它与QUnit一起使用。这是我的代码中的一个示例。require

首先，确保 QUnit 测试运行程序默认停止（这与其他测试框架类似）。这样，您可以定义何时运行测试（即在您加载相关代码之后）。

QUnit.config.autostart = false

其次，您将测试定义为一个模块。该模块加载依赖项，然后定义测试，然后加载要测试的代码。仅当代码是自动执行且无法预先加载时才需要这样做（在这种情况下，您可以使用 define 并完成它）。这是我使用Chaplin库的示例（用 CoffeeScript 编写）。

define(['chaplin'], function(chaplin) {
  asyncTest("publish startup complete event", function() {
    chaplin.mediator.subscribe("startup~complete", function() {
      ok(true, "startup~complete event fired");
    });
    return requirejs(['modules/startup/startup'], function() {
      start();
    });
  });
});

重要的部分是最后一次requirejs通话。它在定义测试后加载要测试的代码。

动态加载依赖

编辑：回应评论假设存在一个名为config包含配置数据的模块。我也假设了某种格式，所以如果你的格式不同，你可以做一些小的改动。不过，这些原则是正确的。

define(["config"], function(config) {
  // assuming config.modules is an array of all development modules,
  // config.devPath is the base bath to development modules,
  requirejs(
    config.modules.map(function(module){
      return config.devPath + module
    })
  , function() {
    // all modules loaded, now go on
    // however, no reference to modules left, so need to work with `arguments` array
  });
});

但是，您应该知道在回调函数中丢失了对模块的引用。