单个webpack配置中的多角度应用程序

Question

我的项目有许多独立的角度应用程序。典型用例可以是：

• admin.ts
• front.ts
• dashboard.ts

每个都是有角度的app。为了管理这个，我实际上是单个webpack.config.js，我做所有包装的东西。

当我想添加AoT编译时会出现问题。为此，我使用@ngtools/webpack，不幸的是我们必须在我们的webpack配置上硬编码这样的入口点路径：

  plugins: [
    new AngularCompilerPlugin({
      tsConfigPath: 'path/to/tsconfig.json',
      entryModule: 'path/to/app.module#AppModule',
      sourceMap: true
    })
  ]

正如你在angular-cli问题跟踪器上的can see here一样，他们没有任何计划来处理多个入口模块。

你有任何魔术可以解决这个限制并仍然保持单个编译过程吗？

proof of concept is available on my github

Answer 1

我建议你查看@angular-builders/custom-webpack

它扩展了@angular-devkit/build-angular但允许您修改webpack配置。允许您添加其他入口点等。它有关于如何设置的相当好的文档。