Construção de múltiplos projetos e carregamento dinâmico de módulos com o webpack

Eu tenho um aplicativo Angular 2 potencialmente grande que vamos dividir em várias partes (ele pode ser considerado como bundles na terminologia do WebPack). Além disso, vamos construí-los e implantá-los separadamente. Para que diferentes partes do aplicativo possam ser carregadas dinamicamente a partir do aplicativo principal (não dentro do mesmo aplicativo Web - em vários serviços em execução que podem estar em hosts físicos diferentes).

O Webpack faz um pacote muito rápido e bom. Mas, como eu sei pela saída, ele usa um formato interno complicado (usando números de módulo mapeados para os caminhos / nomes reais). Também a divisão de código é feita através de alguma mágica, mapeando os IDs do módulo para nomes de partes, que podem ser carregados dinamicamente.

Os problemas aqui com o webpack eu vejo:

Se ele usa números para a construção, não consigo construir facilmente peças separadas que podem reutilizar alguns módulos, pois os números dos módulos podem estar em conflito. Conheço o recordsPath, mas é como um hack no sistema de vários projetos (como neste caso, preciso dar suporte e manter os registros para todo o sistema).Não posso simplesmente carregar / importar dinamicamente qualquer módulo externo usando o webpack (o que eu preciso para que ele funcione como em System.js - System.import ('http: // localhost: 9900 / data / index.js') ou algo parecido com isto. Na verdade, isso não funciona no webpack. Eu posso emular isso dividindo código, mas isso significa apenas separar parte do código existente (não externo) e você também não pode fazer isso para aplicativos externos.Não consigo reutilizar os módulos comuns facilmente em diferentes projetos. Por ex. Eu posso ter o módulo 'A' no projeto principal e os projetos p1 e p2 que precisam importar 'A'. Eu poderia fazer 'A' como externo, mas pode ser simplesmente um pequeno serviço do aplicativo principal.

Então, alguma idéia se é possível usar o webpack1 / 2 ou devo olhar para ferramentas como jspm, System.js, browserify etc.? Eu gosto da maneira como o webpack está realizando seu trabalho (configuração flexível, funciona rápido e pode agrupar muitas coisas), mas esses problemas trazem algumas complicações para esses casos de uso.

Desde já, obrigado.

questionAnswers(0)

yourAnswerToTheQuestion