Webpack en tus proyectos Angular 2+

Habilita webpack en tus proyectos Angular 2+

Publicado el: 08 de Julio 2017 por Victor de Andrés Archivado en: Angular | Webpack
Angular y webpack

Angular-cli ha simplificado la vida de muchos desarrolladores, reduciendo el tiempo de inicio de un proyecto y dando la posibilidad de centrarse sólo en el código sin perder tiempo en las configuraciones.

Sin embargo, muchos desarrolladores no han/hemos utilizado angular-cli porque no era posible cambiar la configuración, agregar nuevos complementos o en general utilizar toda la flexibilidad que ofrece webpack.

Pero aquí tienes la solución. Una nueva característica llamada eject que te permite generar el fichero webpack.config.js en tu proyecto.

Empecemos desde cero.

En primer lugar tenemos que instalar angular-cli globalmente (para quien ya lo estaba utilizando recuerda que ha cambio el nombre de angular-cli a @angular/cli):

      
        npm uninstall -g angular-cli @angular/cli
        npm cache clean
        npm install -g @angular/cli@latest
      
    

Ya estamos preparados para generar un nuevo proyecto con angular-cli (a mi me gusta scss así que lo usaré):

      
        ng new ng-cli-test --style scss
      
    

Hasta ahora nada nuevo, acabamos de crear un proyecto normal con soporte scss ....

La magia.

      
        ng eject
      
    

En tu proyecto encontrarás el archivo que buscabas: webpack.config.js ya puedes agregar los complomentos que más te gusten y trabajar con webpack.

Comentarios
Escribe tu comentario