配置 aurelia cli 以从子文件夹提供应用程序包

Question

如何配置 aurelia cli 以允许从子文件夹（带有视图的 mvc 控制器）加载应用程序？

在/MyController/MyView我有以下代码

<div aurelia-app="main" data-module="app2">
     <script src="/scripts/vendor-bundle.js" data-main="aurelia-bootstrapper"></script>
</div>

当加载器尝试从 /MyController/MyView/scripts/app-bundle.js 加载应用程序包时，我得到了 404，但它的实际位置是 /scripts/app-bundle.js

感谢您的帮助

拉西

提问的动机： 我在现有的 asp.net mvc 5 网站中使用 Aurelia。我们计划将新页面开发为小型 aurelia 应用程序（每个 mvc 视图一个 aurelia 应用程序）。我们计划在所有视图上重用相同的包（只需设置“aurelia.setRoot('nameofapp')”以启动正确的应用程序）。这似乎在“/”启动时效果很好，但是当从“/MyController/MyView”启动时，我们需要修改应用程序包的加载位置——这就是这个问题的意义所在。 p>

Answer 1

需要做两件事：

• 在 'aurelia.json' 中设置 'build.targets.baseUrl: '../scripts''
• 按照 Matthew 的建议使用“功能”。

我认为其他人可能需要此设置，因此我在这里创建了一个存储库：https://github.com/larserikfinholt/aurelia-subfolder

拉尔西

Answer 2

使用“功能”

在您的main.js aurelia 引导文件中，您可以这样写：

ma​​in.js

configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .feature('my-app');
}

这将指示 aurelia 将 my-app/index.js 作为插件加载，将 aurelia 对象暴露给 configure() 函数，就像在 main.js 文件中一样。你可以在那里做各种有趣的事情，包括设置根视图模型。

my-app/index.js

configure(aurelia) {
  aurelia.start().then(() => aurelia.setRoot('my-app/app.js'));
}