Deploying Web Applications with Webpack

Deploying Web Applications with Webpack

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 3h 19m | 922 MB

Empower yourself to configure and work with Webpack

Webpack is a module bundler for modern JavaScript applications. You will be introduced to its basic functionalities and discover how Webpack recursively builds a dependency graph that includes every module needed by your application; all those modules are then packaged into one or more bundles. We will also cover many additional capabilities and features available in Webpack using loaders; learn how to handle assets with CSS Loaders and deal with images and image compression.

The course will empower you to configure and work with Webpack; towards its end, you will explore the latest features provided by Webpack. By the end of the course, you will have a deep understanding of the role of Webpack in your applications.

What You Will Learn

  • Improving workflows with Webpack Build Tools
  • Using loaders
  • Handling assets inside your project
  • Configuring public paths
  • Mastering code splitting
  • Handling images
  • JavaScript modules
  • On-demand code loading
  • Webpack’s latest features
Table of Contents

01 The Course Overview
02 Installation and Setup
03 Installation and Setup (Continued)
04 Using Webpack in a Basic Application
05 Using Webpack in a Basic Application (Continued)
06 Using Webpack in Your Web Application
07 Running the Basic Application
08 Running the Basic Application (Continued)
09 Bundling Process
10 Introduction to Loaders
11 Babel Setup and Configuration for ES2015
12 Loader Examples
13 Handling Stylesheets with Webpack
14 Handling Stylesheets with Webpack (Continued)
15 Handling Images and Image Compression
16 Configuring Public Paths
17 Code Splitting – Introduction
18 Code Splitting – Multiple Entry Points
19 Code Splitting – Dynamic Imports
20 Lazy Loading
21 Webpack 3 Performance Improvements