课程简介

 

Webpack 是现代前端开发的基石。没有 Webpack 就没有现代前端。而 Webpack 5 是最新版的 Webpack。打包速度更快，功能更强大。

但同时 Webpack 概念多，官网文档晦涩难懂，学习曲线陡峭。本视频采用了大量的图表和动画，来阐述原理。以更为生活化的例子，来解释抽象难懂的概念。熨平了学习曲线 - 努力做全网最通俗易懂的 Webpack 课程。
 

适用人群

 

有一定项目经验的前端开发者
 

技能储备

 

JS 模块化开发及其标准

前端工程化常识
 

学习目标

 

掌握 Webpack 基本概念和原理

掌握 Webpack 的基础用法和常规配置

掌握 Webpack 的进阶用法和 Webpack 5 的新功能

了解 Webpack 在 Vue 和 React 中的现实应用
 

课程大纲

 

简介

核心概念

最佳实践

配置文件

打包 CSS

打包 HTML

打包 JS

打包图片

打包字体

资源模块（Asset Modules）

开发服务器（Webpack Dev Server）

区分打包环境

自定义 plugin

自定义 loader

代码分割（Code Splitting）

源码映射（Source Map）

删除冗余代码（Tree Shaking）

缓存

模块解析（resolve）

排除依赖打包（externals）

模块联邦

项目实战

课程讲师