Question

例如，此test-main.js和此main.js具有重复的路径和填充程序。对于大型项目，可能有很多项目。我甚至可以使用grunt-bower-requirejs plugin将已安装的Bower组件添加到main.js中，但之后，我必须手动或通过程序将它们复制到test-main.js。

有没有方便的方法来避免这种重复，例如，告诉RequireJS包含另一个配置文件？

Answer 1

我也讨厌复制信息。我通过在我的测试套件中使用一个两次调用require.config的HTML设置来解决这个问题。

因此，我的测试套件中的HTML首先加载RequireJS，然后加载常规配置，该配置位于名为requirejs-config.js的文件中：

<script type="text/javascript" src="lib/requirejs/require.js"></script>
<script type="text/javascript" src="requirejs-config.js"></script>

requirejs-config.js文件没什么特别的。这是一个缩写版本：

require.config({
 baseUrl: 'lib/',
 paths: {
   browser_test: '../../../browser_test',
   jquery: 'external/jquery-1.10.2',
   bootstrap: 'external/bootstrap/js/bootstrap.min',
   // [...]
 },
 packages: [
     {
         name: "lodash",
         location: "external/lodash"
     }
 ],
 shim: {
   bootstrap: {
     deps: ["jquery"],
     exports: "jQuery.fn.popover",
   },
   // [...]
 },
 config: {
   // [...]
 },
 enforceDefine: true
});

然后有一个<script>元素，它使用适用于测试环境的设置调用require.config：

<script>
  require.config({
      paths: {
          'mocha': '/node_modules/mocha',
          'chai': '/node_modules/chai/chai'
      },
      shim: {
          'mocha/mocha': {
              exports: "mocha",
              init: function () { this.mocha.setup('bdd'); return this.mocha; }
          }
      },
      config: {
        // [...]
      }
  });
</script>

（'mocha/mocha'垫片看起来很有趣，但它是正确的。）

在这种特定情况下，第二次调用require.config只会向paths，shim和config添加新值，但也可以覆盖< / em>早期的价值观。例如，我可以更改'jquery'解析或改变Bootstrap垫片的路径。

你可以看到我在我的测试套件中使用Mocha + Chai，但上面的解决方案根本不是Mocha特有的。

Karma和RequireJS：避免在src中重复并测试RequireJS配置

1 个答案: