带有 AOT 的 Angular 多入口点

Question

我有一个使用 webpack 编译并使用多个入口点的 Angular 应用程序:

    entry: {
        'app1': helpers.root('src', 'app1', 'main.ts'),
        'app2': helpers.root('src', 'app2', 'main.ts')
    }

我使用 CommonsChunkPlugin 在这些应用程序之间合并 vendor 文件，效果很好。不过，我现在也想用AOT编译。

使用 @ngtools/webpack 我只能对一个应用程序进行 aotify。有没有办法对这两个应用执行此操作？

    new ngToolsWebpack.AngularCompilerPlugin({
        tsConfigPath: helpers.root('tsconfig.json'),
        entryModule: helpers.root('src', '[name]', 'app', 'app.module#AppModule'),
    }),

使用 [name](类似于 webpack 的 output)不起作用(见上文)。有没有办法以另一种方式实现同​​样的目标？

Answer 1

不要指定entryModule。

...
            plugins: [
            new AngularCompilerPlugin({
                tsConfigPath: ./tsconfig-aot.json,
            }),
    ]

...