如何使用Aurelia webpack在应用程序根目录之外拆分应用程序文件和引用模块

时间:2017-06-24 19:35:30

标签: aurelia aurelia-webpack

我已经完成了第一部分工作:

https://github.com/BruceL33t/skeleton-esnext-webpack-nested-apps

但是由于我正在编写一个核心后端应用程序(里面有一个核心aurelia应用程序),我有很多后端"插件应用程序"在兄弟文件夹中,每个文件夹里面都有自己的aurelia文件。这些文件可以从核心应用程序中获得,就好像它们位于核心应用程序文件夹中一样。

它必须与上面链接中的示例相同,但是一个/ app和两个/ app文件夹位于整个repo根文件夹之外(或者只是其中一个) - 在一个兄弟文件夹中。

所以..我想要实现的目标是:

  • 核心后端应用
    • 核心后端aurelia应用程序(skeleton-esnext-webpack-nested-apps)
      • SRC
        • 一个
          • app //正在使用
  • 另一个后端应用(扩展/插件)
    • public //文件夹,用于其他aurelia文件
      • 2
        • app //这是我无法工作的

或等效但简化:

  • 骨架esnext-的WebPack套式应用)
    • src / one / app //目前正在工作
  • 另一个同胞文件夹
    • public / two / app //这是我无法工作的

webpack.config.js内,在resolve->modules下我已经尝试添加path.resolve(__dirname, '../..');,但它似乎确实有点。但后来我在我的两个/ app.js中出现了语法错误,这是100%正确的(当文件移动到主应用程序之外的位置时,它没有理解es6)。那就是我被卡住了。

有什么想法吗?

编辑:

当我添加:

modules: [srcDir, 'node_modules', '..'], // we need to get out of the root directory, since the other will are located in a sibling folder
webpack.config.js中的

main2 = PLATFORM.moduleName('my_other_app_outsite_the_core_app/public/two/app');

它似乎找到了模块,但我得到了Module build failed: SyntaxError:

enter image description here

1 个答案:

答案 0 :(得分:0)

将以下行添加到package.json中,它将起作用:

"aurelia": {
  "build": {
    "resources": [
      "../my_other_app_outsite_the_core_app/public/two/app"
    ]
  }
},

Aurelia documentation中也提到了它。