用于延迟加载块的Webpack供应商包

Question

我们目前正在构建企业Angular应用程序。默认情况下，使用Angular-CLI构建和运行应用程序时，所有特定于供应商的代码都会捆绑到main.js文件中。

我想知道在使用延迟加载的模块时，是否有可能将延迟加载的模块使用的3pp捆绑到一个单独的js文件中，该文件在加载延迟加载的模块时被加载？而不是将它们全部捆绑到主捆绑中，就像它们在Angular-CLI中开箱即用一样？

今天构建后的文件结构：

- main.bundle.js - Main application and 3pps for the whole app.
    - 0.chunk.js - Lazy loaded module

我正在寻找类似这样的解决方案：

- main.bundle.js - Main application and main 3pps (same as today)
    - 0.chunk.js - Lazy loaded module (same as today)
    - 0.chunk.vendor.js - (3pps that's used inside the lazy loaded module)

Answer 1

默认设置为webpack 4优化，它将延迟加载的模块正在使用的3方库拆分为一个单独的js文件。

kernel.controller_arguments