Angular Multiple Entry Points with AOT

Question

I have an angular application that is compiled using webpack and uses multiple entry points:

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

I use CommonsChunkPluginvendor files between these applications to combine files, which works great. However, now I would also like to use AOT compilation.

Usage @ngtools/webpackI can only aotize a single application. Is there a way to do this for both applications?

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

Usage [name](similar to webpack output) does not work (see above). Is there a way to achieve the same in a different way?

Answer 1

webpack 4, commonsChunk, Optimize.splitChunks. AOT.

Answer 2

entryModule.

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

...