Angular2 - webpack - 将模块分成更多的生产文件

Angular2 - webpack - Separate modules into more production files

我有几个模块供普通网络访问者使用。然后,更多模块用于应用程序后台,而无需通过 public 站点加载。

创建两个具有不同模块的生产包文件的正确方法是什么?我用的是webpack。

感谢任何想法!

有一种方法可以创建 的 js 文件。

您需要 set-up 延迟加载模块,然后为每个路由分支配置 CanLoad 守卫 - Back-office 和 Public。

这样一来,只有一个包,但只加载与该特定路由相关的 JS。

您可以阅读 Victor Savkin 的精彩解释 here

经过几个小时的研究,我发现了一些对这个主题有帮助的有用资源。

除 jsfrocha 的回答外。这种方法适用于 SPA 页面。每个模块都是按需加载的。

https://vsavkin.com/angular-router-preloading-modules-ba3c75e424cb#.otgochysw https://vsavkin.com/angular-router-declarative-lazy-loading-7071d1f203ee#.qorg2knor

对于多页应用程序,我们需要为每个页面创建一个单独的文件,并为所有页面添加一个公共文件。此处讨论此主题:

https://webpack.js.org/concepts/entry-points/#multi-page-application

webpack设置教程:http://tektutorialshub.com/angular-2-with-webpack-tutorial/