angular - 单个 webpack 配置中的多个 Angular 应用程序

Question

我有一个项目，上面有许多独立的 Angular 应用程序。典型的用户案例可以是:

• admin.ts
• front.ts
• 仪表板.ts

其中每个都是 Angular 应用程序。为了管理它，我实际上只有一个 webpack.config.js，我在其中进行所有打包工作。

当我想添加 AoT 编译时，问题就来了。为此，我使用 @ngtools/webpack不幸的是，我们必须在我们的 webpack 配置中硬编码入口点路径，如下所示:

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

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

你有没有什么魔术可以绕过这个限制并仍然保持单一的编译过程？

proof of concept is available on my github

Answer 1

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

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