by Alexandru Toea | Publisher: Packt Publishing | Release Date: November 2017 | ISBN: 9781788391085

Empower yourself to configure and work with WebpackAbout This VideoLearn how to install, configure, and run WebpackMaster the Webpack module bundling process and use it in your applicationsApplying on-demand code loading to your applicationIn DetailWebpack 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.

1. Chapter 1 : Improving Workflow with Webpack
   • The Course Overview 00:04:17
   • Installation and Setup 00:10:33
   • Installation and Setup (Continued) 00:10:47
   • Using Webpack in a Basic Application 00:08:43
   • Using Webpack in a Basic Application (Continued) 00:09:23
   • Using Webpack in Your Web Application 00:09:55
   • Running the Basic Application 00:07:50
   • Running the Basic Application (Continued) 00:12:05
   • Bundling Process 00:06:03
2. Chapter 2 : Loaders - A General Overview
   • Introduction to Loaders 00:10:18
   • Babel Setup and Configuration for ES2015 00:10:51
   • Loader Examples 00:06:06
3. Chapter 3 : Handling Assets inside Your Project
   • Handling Stylesheets with Webpack 00:13:09
   • Handling Stylesheets with Webpack (Continued) 00:14:53
   • Handling Images and Image Compression 00:13:14
   • Configuring Public Paths 00:06:40
4. Chapter 4 : Performance with Webpack
   • Code Splitting - Introduction 00:09:10
   • Code Splitting - Multiple Entry Points 00:07:38
   • Code Splitting - Dynamic Imports 00:07:49
   • Lazy Loading 00:07:15
   • Webpack 3 Performance Improvements 00:13:11