分离Angular中的模块是否会更快?

时间:2019-12-02 04:59:24

标签: angular performance

在Angular中,当从CLI生成应用程序时,只有app.module.ts。

但是我们可以将其分开,也可以将所有组件保留在一个应用程序中。 module.ts之类的。

所以我的问题是,分离它是否会使应用程序加载更快?

3 个答案:

答案 0 :(得分:0)

对于角组件,我们不会为每个组件创建不同的“ app.module.ts”。 app.module是应用程序的根文件,可帮助您满足应用程序需求,例如用户工作流,路由或表单。为组件使用特定的module.ts只会向该特定组件添加功能。

答案 1 :(得分:0)

不,先生,我们不应该为每个组件创建不同的模块,因为它会使我们的应用变得很重。

先生,供您参考, 我们可以按照其特征来拆分模块,例如用于身份验证(登录/注册)的auth模块,用于(配置文件详细信息/创建/编辑/删除)的配置文件等。

每个模块至少应包含5个组件(只是最佳实践而不受其限制),并且模块的大小不得超过2MB。

这些只是实践,因此请不要遵循它,参数应视项目规范而定。

答案 2 :(得分:0)

  

否,创建单独的模块不会使您的应用程序加载速度更快。

     

但是将`$("#slideshow > div:gt(0)").hide(); setInterval(function() { $('#slideshow > div:first') .fadeOut(1000) .next() .fadeIn(1000) .end() .appendTo('#slideshow'); }, 4000);` 与单独的模块一起使用可以加快应用程序的加载速度。

分离模块是使事物更整洁,更明智的结构的概念。但是,如果您使用LAZY LOADING来加载这些单独的模块,那么它将在应用程序需要时加载您的模块。因此,它可以提高应用程序的性能。

您可以在此处获取有关模块分离的更多信息:

Import and Export Core Module and Shared Module