需要单独的 require.js 应用程序

Question

我有两个 require.js 应用程序。第二个使用第一个作为依赖项。看起来是这样的：

在 app1/main.js 中

requirejs.config( {
    baseUrl : 'js', // baseUrl relative to app1 folder
    paths: {
        // paths used for app1
    }
});
requirejs(['module'], function (module)  {
    return module;
});

这个文件需要完全“独立”并且有自己的 require 配置，这样它才能加载它的模块和库。

那么， 在 app2/main.js 中

requirejs.config( {
    baseUrl : 'js', // baseUrl relative to app2 folder
    paths: {
        'app1' : '../app1/main' // Using the other app
    }
});
requirejs(['app1', 'module'], function (app1, module)  {
    console.log(app1, module); // The first one should be app1/module.js, the second app2/module.js
});

第二个文件需要有它的配置，但还需要加载 app1/main.js 作为依赖项，就像它是一个普通的模块一样。

但是这两个 requirejs.config 只是混合在一起，如果我在第一个中需要一个文件，它会使用第二个的 baseUrl，或者其他类似的问题。

所以：

• 如何将 require.js 应用程序转换为可加载的模块并保留其自己的配置？
• 是否可以在不构建之前做到这一点？ （我需要同时处理这两个问题，而且我不希望每次更改某些内容时都必须等待构建）
• 我阅读了关于命名空间的信息，这可能是一种解决方案，但没有看到任何关于如何在这些情况下使用它们的信息 - 如果我必须在文件开头手动添加它们，这对我来说不是问题。

Answer 1

据我了解，您指的是您的第二个应用的配置。我相信，你应该把你的 configuration 和这个 app1module 模块分开。然后，您将能够要求您的 app1module 没有 configuration 部分。

换句话说：

app1/main.js

requirejs.config( {
    baseUrl : 'js', // baseUrl relative to app1 folder
    paths: {
        // paths used for app1
    }
});

app1/module1

requirejs(['module'], function (module)  {
    return module;
});

您来自 app1 的 index.html 然后将更新为：

来自这样的事情：

<script type="text/javascript" data-main="js/main" src="js/libs/require.js"></script>

到：

<script type="text/javascript" data-main="js/main" src="js/libs/require.js"></script>
<script>
    require(['module1']);
</script>

那么你就可以在你的第二个应用中轻松使用 app1/module 了。

我用这个例子更新了我的demo repository。看看吧。