Skip to main content
Colocação da sugestão dada
Fonte Link

Tenho um projeto grande com angular e preciso deixar os carregamento das paginas com uma boa performance, de principio configurei um WebPack Customizado para a aplicação. Mas ao aplica-lo os arquivos baixados continuam grande chegando a 14mb de upload.

Uma possibilidade encontrada é configurar um loadChildren nas rotas para carregar apenas os componentes daquela pagina, ou seja, carregar por demanda. Teria alguma forma de fazer isso fora das rotas?

Por enquanto o carregamento dos componentes estão sendo feio no arquivo app.module.ts,estou tendandouma possibilidade sugerida era de implementar uma forma de declarar um @NgModule por componente como dependência ou criar um module.export para cada uma das paginas contendo suas dependências de carregamento individual?.

Tenho um projeto grande com angular e preciso deixar os carregamento das paginas com uma boa performance, de principio configurei um WebPack Customizado para a aplicação. Mas ao aplica-lo os arquivos baixados continuam grande chegando a 14mb de upload.

Uma possibilidade encontrada é configurar um loadChildren nas rotas para carregar apenas os componentes daquela pagina, ou seja, carregar por demanda. Teria alguma forma de fazer isso fora das rotas?

Por enquanto o carregamento dos componentes estão sendo feio no arquivo app.module.ts,estou tendando implementar uma forma de declarar um @NgModule por componente como dependência ou criar um module.export para cada uma das paginas contendo suas dependências de carregamento individual?

Tenho um projeto grande com angular e preciso deixar os carregamento das paginas com uma boa performance, de principio configurei um WebPack Customizado para a aplicação. Mas ao aplica-lo os arquivos baixados continuam grande chegando a 14mb de upload.

Uma possibilidade encontrada é configurar um loadChildren nas rotas para carregar apenas os componentes daquela pagina, ou seja, carregar por demanda. Teria alguma forma de fazer isso fora das rotas?

Por enquanto o carregamento dos componentes estão sendo feio no arquivo app.module.ts,uma possibilidade sugerida era de implementar uma forma de declarar um @NgModule por componente como dependência ou criar um module.export para cada uma das paginas contendo suas dependências de carregamento individual.

Tweeted twitter.com/StackOverflowPT/status/1263575316766887939
Fonte Link

Como melhorar a performance do angular com webpack ou carregamento por demanda?

Tenho um projeto grande com angular e preciso deixar os carregamento das paginas com uma boa performance, de principio configurei um WebPack Customizado para a aplicação. Mas ao aplica-lo os arquivos baixados continuam grande chegando a 14mb de upload.

Uma possibilidade encontrada é configurar um loadChildren nas rotas para carregar apenas os componentes daquela pagina, ou seja, carregar por demanda. Teria alguma forma de fazer isso fora das rotas?

Por enquanto o carregamento dos componentes estão sendo feio no arquivo app.module.ts,estou tendando implementar uma forma de declarar um @NgModule por componente como dependência ou criar um module.export para cada uma das paginas contendo suas dependências de carregamento individual?