通过requires要求可选的javascript文件(例如要求一个特定于语言环境的文件)

Question

我们所依赖的一些jquery插件提供了包含特定于语言环境/文化的文件的能力，以使非英语用户对它们的功能感到更自在(例如，jquery-globalize和bootstrap-datapicker)。

实现这一目标的老派方法如下(其中'en-AU'是动态确定的，有时会因为缺少文化而导致404):

<script type="text/javascript" src="/js/globalize/globalize.js"></script>
<script type="text/javascript" src="/js/globalize/cultures/globalize.culture.en-AU.js"></script>

是否有一种推荐的方法来实现这一需求(请注意，globalize是作为垫片包含的)?

这是我的第一次尝试，还不确定需求优化器将如何处理它…

Globalize = require("globalize");
...
locale = module.config().locale;
if (locale != null) {
  require(["globalize/globalize.culture." + locale], function() {
    logger.debug("Loaded locale '" + locale + "'");
    Globalize.culture(locale);
  }, function() {
    logger.debug("Unable to load locale '" + locale + "'");
  });
}

edit:优化器处理得很好，但是解决方案并没有真正工作，因为区域性文件是异步加载的，有可能应用程序在设置区域性之前已经使用了全球化。

Answer 1

Kendo在他们的代码中做了类似的事情。

这是对他们技术的轻微修改。这种特殊的样式允许模块通过require或直接包含脚本来加载。

我稍微修改了一下以设置先决条件。缺点是，这段代码将不能再通过r.js优化器工作。

var myLocalPrereqs = ['file_english.min'];
("function" == typeof define && define.amd ? define : function (preReqs, func) {
    return func()
})(myLocalPrereqs, function () {
    (function () {
      // Your module code goes here...
    })()
});