English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 4.5 Hours | 1.46 GB
Webpack 5 Complete Guide w/ Federation, Performance, Plugins, Optimization, Webpack-CLI, Babel, Assets, Splitting
Webpack 5 Course For Beginner/Intermediate Developers
This course is UP-TODATE with the latest Webpack version 5 (@NEXT version)
Webpack 5 still not officially released
It is available as webpack@next on npm
At the end of the course you will be able to:
- Build Production Ready Applications
- Master webpack advanced concepts
- Support Development and Production modes
- Master JavaScript Modules
- Know the What? Why? How?
- Boost your application performance
- Split your application into bundles
- Microfrontends with Webpack
- Achieve Modular Project
- Module Federation
What you’ll learn
- Create Production-Ready applications
- Improve the performance of your application
- Master Webpack Configuration
- How Webpack works behind the scenes
- Transpile your dependencies and modules correctly
- Webpack Loaders
- Webpack Plugins
- Customize your build
- Split your bundle files
- Module Federation
Table of Contents
Introduction
1 Introduction
Webpack Overview
2 Javascript Modules
3 Exporting and Importing Modules
4 Before Webpack Deep Dive – Modularity
5 Why Do We Need Webpack
Webpack Configuration
6 Entry (High Level Overview)
7 Output (High Level Overview)
8 Loaders (High Level Overview)
Webpack Setup
9 Clonning Our Project
10 Project Files
11 Webpack Install
12 Webpack Configuration
importing ES6+ Files
13 Loaders Section
14 Loaders – Adding ES6+ Loaders
15 Loaders – Adding React Loaders
Webpack-CLI
16 Webpack Command Line Interface
17 CLI Options
18 Environment Variables and Arguments
Generating HTML Entry
19 Creating App Entry
20 Generating App Entry
21 Serving Our App
22 Adding Template
Assets Management
23 Section Goal
24 Loaders – Loading CSS
25 Loaders – Loading Images
Configuring The Output
26 Multiple Entry Files
27 Naming Our Assets
28 Public Path
29 Cleaning Up
Development Mode
30 Webpack Mode
31 Source Maps
32 Setting The Environment
33 Dev Server Options
Production Mode
34 Development vs Production
35 Supporting Multiple Configs
36 Production Config
Code Splitting
37 Bundle Inspecting
38 Exploring The Bundle Files
39 Splitting Modules
Lazy Loading
40 Why Lazy Loading
41 Dynamic Import (Lazy Loading)
Module Federation
42 Motivation (Why Federation)
43 Clonning Our Applications
44 Serving Our Application Simultaneously
45 Exposing Our Components
46 Consuming Our Remote Components
47 Using The Remote Form
48 Testing Host & Remote
49 Final Code
Resolve the captcha to access the links!