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

时间:2019-01-03 13:40:09

标签: angular webpack angular2-aot aot

我的项目上有很多标准的角度应用。典型的用户情况可以是:

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

每个都是有角度的应用程序。为了解决这个问题,我实际上只有一个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

1 个答案:

答案 0 :(得分:0)

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.