En general, prefiero agregar recursos de terceros en .angular-cli.json

 { "styles" : [ "../bower_components/animate.css/animate.css", "../bower_components/chosen/chosen.css", "../bower_components/cropper/dist/cropper.css", "../bower_components/font-awesome/css/font-awesome.min.css", "../bower_components/nprogress/nprogress.css" ], "scripts" : [ "../bower_components/jquery/dist/jquery.js", "../bower_components/bootstrap/dist/js/bootstrap.js", "../bower_components/bootstrap-progressbar/bootstrap-progressbar.js", "../bower_components/chosen/chosen.jquery.js", "../bower_components/cropper/dist/cropper.js", "../bower_components/fastclick/lib/fastclick.js", "../bower_components/nprogress/nprogress.js" ] }

Este enfoque me ayuda a usar Bower junto a Angular 2/4 y también el proceso de compilación consolida todas las dependencias en un solo paquete. Pero toneladas de dependencias hacen que la aplicación se retrase. Entonces, ¿definir todos los componentes de esta manera puede ser más eficiente que usar recursos en componentes donde sea necesario?

Por ejemplo: Usamos el componente selector de fecha en las páginas de contactos y empresas. ¿ La "Importación de estilos de selector de fechas de contactos.component.css y acciones de empresas.component.css" disminuye el tiempo de carga al sacrificar el tamaño?