AOT角度多个入口点

Question

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

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

我使用它CommonsChunkPlugin来合并这些应用程序之间的供应商文件,效果很好.但是,我现在也想使用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

如果您使用的是 webpack 4，则不应使用 commonsChunk 插件，而应使用 Optimize.splitChunks。它与 AOT 配合良好。