RequireJS:从app.js读取配置

RequireJS: Reading configuration from app.js

本文关键字：读取 配置 js app RequireJS      更新时间：2023-09-26

在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检索的变量。

最简单的方法就是在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",
  }
});
相关文章：