Course Introduction

Introduction to webpack

Five core concepts of webpack

First experience with webpack

Pack style resources

Packaging html resources

Package image resources

Package other resources

devServer

Basic configuration of development environment

Introduction to build environment

Extract css into separate files

css compatibility processing

compress css

js syntax check eslint

js compatibility handling eslint

Compress html and js

Basic configuration of production environment

Introduction to performance optimization

HMR

source-map

oneOf

cache

tree shaking

code split

Lazy loading and preloading

PWA

Multi-process packaging

externals

dll

Performance optimization summary

Detailed introduction to webpack configuration

Detailed configuration of webpack entry

webpack detailed configuration output

Webpack detailed configuration module

webpack detailed configuration resolve

webpack detailed configuration devServer

webpack detailed configuration optimization

Introduction and use of webpack5

Summary webpack