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

时间:2017-02-03 20:01:14

标签: angular webpack dev-to-production

我有一些常规网络访问者的模块。然后,更多的模块用于app后台,不需要加载公共站点。

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

感谢您的任何想法!

2 个答案:

答案 0 :(得分:2)

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

您需要为延迟加载设置模块,然后为每个路由分支配置CanLoad防护 - 后台和公共。

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

你可以阅读Victor Savkin here的一个很好的解释。

答案 1 :(得分:0)

经过数小时的研究,我找到了一些有用的资源,可以帮助解决这个问题。

此外还有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/