Webpack Logo

Goals


- Use Webpack to create an automated development environment

Program

Version history
Advantages of Webpack
Gulp vs Grunt vs Webpack
Documentation Node
and npm reminder

Workshop: Install and create a project with Webpack

Configuration of the environment: webpack.config
Management of input and output points
Use loaders and plugins
Start an application using npm scripts
Use ES6 syntax: babel loader

Workshop: Managing a project with typescript 

Dev mode and prod mode
Create a local server with webpack-dev-server
Map sources
Automatic update: watch mode
Minification of sources
Use lazy loading

Lab: Configure a project for the development and production environment

Duration

1 day

Price

£ 674

Audience

Javascript Developers

Prerequisites

Good knowledge of javascript and NodeJS

Reference

SIT100451-F

Sessions

Contact us for more informations about session date