多个 Aurelia 应用程序并排答案

【问题标题】：Multiple Aurelia Apps Side by Side多个 Aurelia 应用程序并排
【发布时间】：2017-06-04 12:06:03
【问题描述】：

我目前的任务是为我构建的服务构建 2 个 UI。

这两个 UI 的输出都需要放在同一个根文件夹中。

我在“aurelia.json”文件中找到了命名基本包的部分，并重命名了为我的项目创建的包，在构建时，我的项目按预期在脚本目录中创建了 2 个具有新名称的新包。

但是，在运行我的项目时，我发现 index.html 在尝试加载“vendor-bundle”时出现 404（我已将其重命名为“service-vendor-bundle”）。

那里没问题，我只是编辑了 index.html 来引用新文件，然后宾果游戏，404 解决了。

但问题是，“service-vendor-bundle”现在无法加载“service-app-bundle”。

我假设（可能是错误的）当我在我的 aurelia.json 文件中重命名包时，构建输出也将被适当配置以加载文件。

我需要能够自定义这个，因为一旦 2 个 aurelia 应用程序完成后，它们需要共享一个脚本文件夹，所以我需要

uione.html 加载“scripts\uione-vendor-bundle.js”和“scripts\uione-app-bundle.js”

我需要

uitwo.html 加载“scripts\uitwo-vendor-bundle.js”和“scripts\uitwo-app-bundle.js”

服务器上的最终文件布局将如下所示：

root
  uione.html
  uitwo.html
  scripts
    uione-vendor-bundle.js
    uione-app-bundle.js
    uitwo-vendor-bundle.js
    uitwo-app-bundle.js
  images
    *.png

两个客户端应用程序必须彼此分开开发并且是独立的，因此我不能将它们组合成一个应用程序，也不能将它们放入单独的文件夹中，因为将为它们提供服务的服务是自定义的自建服务，专门配置为仅从单个文件夹提供服务，具有单个脚本和图像文件夹。

我的 aurelia.json 文件目前如下所示：

.........
 "plugins": [
    {
      "name": "text",
      "extensions": [
        ".html",
        ".css"
      ],
      "stub": true
    }
  ]
},
"options": {
  "minify": "stage & prod",
  "sourcemaps": "dev & stage"
},
"bundles": [
  {
    "name": "uione-app-bundle.js",
    "source": [
      "[**/*.js]",
      "**/*.{css,html}"
    ]
  },
  {
    "name": "uione-vendor-bundle.js",
    "prepend": [
      "node_modules/bluebird/js/browser/bluebird.core.js",
      "node_modules/requirejs/require.js"
    ],
..........

我正在使用 Aurelia cli 工具 (au ...) 来执行基于 Aurelia 的任务。

任何关于如何实现这一点的指针都会很棒。

【问题讨论】：

标签： gulp aurelia

【解决方案1】：

我认为您通过自定义捆绑名称走在正确的轨道上。

您可以手动加载供应商捆绑包和应用捆绑包。这样，应用程序模块就已经下载并准备好使用，而不是让供应商捆绑包尝试手动下载。

index.html <body aurelia-app="main"> <script src="scripts/my-special-vendor-bundle.js" data-main="aurelia-bootstrapper"></script> <script src="scripts/my-special-app-bundle.js"></script> </body>

我已经对此进行了测试，它对我来说工作正常。我在自己的项目中使用这种手动加载技术来允许 ASP.Net 脚本版本控制提供缓存清除 (see my answer here)。

【讨论】：

谢谢约瑟夫，我今天已经离开办公室了，等我早上回来再试试。