WebPack 4 Introduction

COS’È WEBPACK?

Webpack è un “module bundler” ed è utilizzato, dietro le quinte, dalla maggior parte delle CLI (Command Line Interface) dei più famosi framework e librerie fronte-end, come ad es. Angular, React o Vue, per gestire gli import di file Javascript ES6/7/8, compilare Typescript o SASS, gestire assets (images, fonts, …), avviare un webserver con live reload, supportare il lazy loading di moduli e per creare, infine, il bundle statico da utilizzare per il deploy.

Negli ultimi anni, WebPack ha (quasi) totalmente rimpiazzato strumenti come GULP o GRUNT, famosi e utilissimi “task runner” utilizzati nel mondo JS (quello che è rappresenta ANT nel mondo Java, tanto per fare un parallelismo) e, di conseguenza, è ormai considerato uno strumento di fondamentale importanza nello sviluppo di Single Page Application.

In questa breve serie di video, quindi, troverete un’introduzione su WebPack, non solo per comprenderne le fondamenta ma anche per creare progetti in “puro Typescript”, senza l’ausilio di framework e librerie addizionali.


Profilo Istruttore


Fabio Biondi
Fabio Biondi

Fabio is both a community leader and a frequent contributor in many Italian front-end usergroups (Angular, React, Javascript). He’s a Google Developer Expert in Web Technologies / Angular and Microsoft MVP with more than 15 years of experience in developing enterprise level applications, interactive experiences and UI components in several languages and web technologies.
Currently, he holds meetups, events and training courses all over Italy.

His particular specialism is front-end applications and related aspects, both visuals and architectural. He daily uses cutting-edge libraries and frameworks offering training, development, code review and consulting on Angular, React, Typescript/ES6, Redux, NGRX, RxJS, D3.js and several other web technologies

Communities:




Iscriviti