Cargar archivos estáticos con AngularCLI
Cargar archivos estáticos con AngularCLI



Está claro que en muchas ocasiones vamos a tener la necesidad de cargar archivos estáticos con AngularCLI, el caso más típico es el de realizar la instalación de Bootstrap con Bower.

La solución que nos viene a la mente es la de añadir directamente la hora de estilos en nuestro archivo index.html de la siguiente forma.


Lamentablemente esta solución no funciona, ya que Angular no va a saber cómo obtener el archivo que le estamos diciendo.

Cargar archivos estáticos con AngularCLI y Angular 4

La solución utilizando AngularCLI y Angular 4 pasa por abrir el archivo .angular-cli.json y añadir las rutas de los archivos .css y .js dentro del array styles o scripts.


Finalmente y para que el cambio surja efecto recuerda ejecutar el comando ng serve y todo está funcionando como se espera.