Webpack 从零入门到工程化实战

内容简介

关于 Webpack 的内容几乎是前端面试必问，笔试必考，工作必用的内容，甚至可以说，不会 Webpack，你连进大厂的资格都没有。

这个专栏不仅是一个 Webpack 的学习专栏，有大量的 Tips，更是一个比官方文档更实用，更贴合实际应用的 “Webpack 手册”， 是一个你可以 “长期使用 “，“随时可查” 的工具，工作中遇到的实际问题，你甚至能在专栏中找到直接或类似的配置方法、解决方案。

资源目录

-代码开始-

第一部分 入门篇

01 开篇词 ： 使用 Webpack 实现前端工程化

02 什么是 Webpack

03 Webpack 开发环境搭建

04 使用 webpack-cli 体验零配置打包

05 基础概念和常见配置项介绍（一）

06 基础概念和常见配置项介绍（二）

第二部分 配置篇

07 Webpack 中的模块化开发

08 在 Webpack 中使用 Babel 转换 JavaScript 代码

09 Webpack 中使用 TypeScript 开发项目

10 Webpack 中样式相关的配置

11 Webpack 中使用 lint 工具来保证代码风格和质量

12 使用 Webpack 管理项目中的静态资源

13 Webpack 中打包 HTML 和多页面配置

14 Webpack Dev Server 本地开发服务

15 Webpack 中配置React和Vue开发环境

16 Webpack 环境相关配置及配置文件拆分

第三部分 优化篇

17 Webpack 优化之体积优化

18 Webpack 优化之增强缓存命中率

19 使用 Webpack 的 splitChunks 功能来拆分代码

20 Webpack 优化之速度优化

21 使用 Webpack 的 Tree-Shaking

22 为你准备了一份 Webpack 工程化最佳实践总结

第四部分 原理篇

23 怎么调试 Webpack？

24 Tapable —— Webpack 的核心模块

25 Webpack 的 Compiler 和 Compilation

26 Webpack 工作流程

27 从 Webpack 的产出代码来看 Webpack 是怎么执行的

28 Webpack 的模块热替换做了什么？

第五部分 实战篇

29 实战：使用 PostCSS 打造移动适配方案

30 实战：手写一个 markdown-loader

31 实战：手写一个 prefetch-webpack-plugin 插件

32 实战：使用中间件来实现 Webpack-dev-server

33 实战：使用 Stats 数据结构生成 Webpack 构建报告

34 实战：给 Webpack 项目添加 modern 模式打包

第六部分 课程总结

35 Webpack 5.0

36 课程总结

37 附录：项目中常用的插件

38 附录：项目中常用的 loader

-代码结束-