javascript - 有没有办法根据模块是否为 404s 通过 RequireJS 有条件地加载模块？

Question

问题:我们目前有以下 require.config:

require.config({
    paths: {
        lodash: '/embed/lodash',
        utils: '/embed/utils',
        analytics: '/external/analytics'
    }
});

保证以 embed 开头的文件路径存在。以 external 开头的文件路径可能可用也可能不可用，具体取决于环境。如果我用以下内容开始我的 main.js:

require(['lodash', 'utils', 'analytics'], function (_, utils, analytics) {

并且找不到分析，整个事情崩溃了(正如预期的那样)。尝试对以下内容进行变体证明是徒劳的:

require(['lodash', 'utils'], function (_, utils) {
    ...code and stuff
    $.ajax({ url: '/path/to/actual/file' })
        .done(function () {
            require(['analytics'], function (analytics) {
                // throws Mismatched anonymous define() module Error
            });
        })
        .fail(function () {
            // continue with stub of analytics
            // or not run analytics dependent code
        });

根据这个问题的标题:有没有一种方法可以根据文件是否可访问有条件地将模块包含在 RequireJS 中？

Answer 1

如果你想在你的外部文件不可用时下载回退，你可以使用path fallback requireJS 中的配置。

像下面这样设置你的路径配置。

require.config({
    paths: {
        lodash: '/embed/lodash',
        utils: '/embed/utils',
        analytics: ['/external/analytics',
                     '/embed/analytics'
                ]
    }
});

然后在嵌入目录中创建一个文件 analytics.js，它为您提供通常由分析从外部返回的对象。如果 external/analytics 在全局命名空间中添加一个对象，也执行此操作。

embed/analytics.js

define(function(){
    var analytics = window.analytics = {
        send : function(){
            //Nothing to do here.
        }
        //,... //Add more methods used by your code like send
    }
    return analytics;
});