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/
我有几个模块供普通网络访问者使用。然后,更多模块用于应用程序后台,而无需通过 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/