RequireJS：从app.js读取配置

Question

在app.js中，我正在为我的项目编写配置。我想从一些外部文件config.js中选择jquery的版本号，而不是在app.js中对其进行硬编码。我怎样才能做到这一点？

我在下面粘贴了app.js，config.js和index.html的代码：

config.js

define(function() {
  var Config = {
    jquery: "3.1.0"
  };
  return Config;
});  

的index.html：

<script src="require.js" data-main="js/app"></script>

app.js

requirejs.config({
  paths: {
     jquery: serverUrl + "/jquery-3.1.0.min",
  }
});

我无法将requirejs.config（）移动到config.js文件，因为serverUrl是我根据我的项目结构无法从config.js中检索的变量。

Answer 1

执行所需操作的最简单方法就是在app.js之前加载配置文件并引用它。

<script src="config.js"></script>
<script src="require.js" data-main="js/app"></script>

config.js可能包含：

window.fooConfig = {
  serverUrl: 'some appropriate URL',
}

我明确地使用window来清楚说明我是否故意将某些内容放在全球空间中。 fooConfig名称只是可用于名为foo的应用程序的示例。您可以根据需要选择一些唯一的东西，以避免与其他代码发生冲突。

然后你的app.js会这样做：

requirejs.config({
  paths: {
     jquery: fooConfig.serverUrl + "/jquery-3.1.0.min",
  }
});