0%

Webpack 核心

第二阶段:Webpack 核心学习线路
3. Webpack 基本认知

Webpack 是什么

Bundler 的职责

Webpack 适用场景

  1. Webpack 核心概念(重中之重)

Entry

Output

Loader

Plugin

Mode

Chunk / Bundle / Asset

  1. Loader 深入

Loader 本质

常见 Loader

babel-loader

css-loader / style-loader

file-loader / asset

自定义 Loader 开发

  1. Plugin 深入

Plugin 工作机制

Tapable

常用 Plugin

自定义 Plugin 开发

  1. Webpack 打包原理(高级)

构建依赖图

AST 解析

Chunk 生成规则

Runtime & Manifest

  1. Webpack 开发体验

webpack-dev-server

HMR 原理

SourceMap

  1. Webpack 性能优化(重点)

构建速度优化

多进程打包

缓存

SplitChunks

Tree Shaking

Scope Hoisting

  1. Webpack 高级配置

多入口

多环境配置

DLL(历史)

Module Federation(非常重要🔥)