Webpack 5 - 初学者完整指南
Webpack 5 - The Complete Guide For Beginners
- 01 - Introduction
- 001 Introduction
- 002 What you need for this course
- 02 - Initial Setup and Integrating Webpack
- 001 Why Do We Need Webpack
- 002 Setting Up Our Application
- 003 Installing Webpack
- 005 Integrating Webpack Into Our JS Application
- 006 Custom Webpack Configuration
- 03 - Asset Modules
- 001 Introduction to Asset Modules
- 002 Handling Images With Webpack
- 003 publicPath
- 004 Assetinline Module Type
- 005 General Asset Type
- 006 Assetsource Module Type
- 04 - Loaders
- 001 What Is Webpack Loader
- 002 Handling CSS With Webpack
- 003 Handling SASS
- 004 Using Latest JavaScript Features With Babel
- 05 - Plugins
- 001 What Is Webpack Plugin
- 002 Minification of the Resulting Webpack Bundle
- 003 Extracting CSS Into a Separate Bundle With mini-css-extract-plugin, Part 1
- 004 Extracting CSS Into a Separate Bundle, Part 2
- 005 Browser Caching
- 006 How To Clean Dist Folder Before Generating New Bundles
- 007 Generating HTML Files Automatically During Webpack Build Process
- 008 Customizing Generated HTML Files
- 009 Integration with Handlebars
- 010 More Webpack Plugins
- 06 - Production vs Development Builds
- 001 Introduction
- 002 Mode
- 003 Managing Webpack Config for Production and Development Use Cases
- 004 Faster Development with webpack dev server
- 005 Cleaning Up A Bit
- 07 - Multiple Page Applications and Code Splitting
- 001 Introduction
- 002 Creating KiwiImage Component
- 003 Code Splitting in Webpack Multiple JS and CSS Bundles
- 004 How To Generate Multiple HTML Files
- 005 Extracting Common Dependencies While Code Splitting
- 006 Setting Custom Options for Code Splitting
- 007 How To Setup Development Environment For Multiple Page Application
- 08 - Github Repository
- 001 How To Use Github Repository
- 09 - Webpack Integration With Node And Express
- 001 Introduction
- 003 Integrating Express Into Our Application
- 004 Serving HTML Pages via Express
- 005 Handling JS and CSS via Express
- 007 Integrating Express.js Into A Multiple Page Application
- 10 - Module Federation
- 001 Creating 2 Separate Applications, Part 1
- 002 Creating 2 Separate Applications, Part 2
- 003 Setting Up Module Federation
- 004 Consuming Federated Modules
- 005 Modules Are Loaded At Runtime
- 006 Creating Micro Frontends
- 007 Micro Frontends In Action, Part 1
- 008 Micro Frontends In Action, Part 2
- 009 Navigation Bar Component
- 010 Nested Module Federation. Part 1
- 011 Nested Module Federation. Part 2
- 11 - Integration with jQuery
- 002 Integration with jQuery
- 12 - Using ESLint
- 001 Configuring ESLint
- 13 - Summary
- 001 Summary