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

Question

i have project with many standelone angular application on it. Typical user case can be :

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

Where each are angular app. To manage that, i have actually single webpack.config.js where i do all packaging stuff.

The issue come when i want to add AoT compilation. For that i use @ngtools/webpack where unfortunatly we have to hardcoded on our webpack configuration the entrypoint path like this :

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

as you can see here on the angular-cli issue tracker, they not have any plan to handle multiple entry modules.

Have you any magic trick to play around this limitation and still keep single compilation process ?

proof of concept is available on my github

Answer 1

I'd suggest checking out @angular-builders/custom-webpack

It extends @angular-devkit/build-angular but allows you to modify the webpack config. Allowing you to add other entry points, etc. It has fairly good documentation on how set it up.