|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。# _7 k' I! s }6 T
课程目录 :
' L; R! E7 j" |$ `$ e0 i01 使用 Webpack 实现前端工程化, w3 D8 Z+ i, R: q0 q: L
02 什么是 Webpack
' y" T) o0 V! ^2 M3 X0 [; [6 V& v5 F& c03 Webpack 开发环境搭建
- j5 D6 |. j3 X2 Z9 P& S04 使用 webpack-cli 体验零配置打包
: r8 M3 \1 U% |8 U: w- E05 基础概念和常见配置项介绍(一)
' K/ p" A( P2 `! E1 i8 `06 基础概念和常见配置项介绍(二)" e' F0 i8 _: V+ ]- R" H" R
07 Webpack 中的模块化开发
3 n6 o# U. f4 c2 @- ]08 在 Webpack 中使用 Babel 转换 JavaScript 代码
$ e: d9 d+ I2 Y2 _* [5 B3 P4 O09 Webpack 中使用 TypeScript 开发项目5 { E2 ?/ t; j5 f7 t# L8 k
10 Webpack 中样式相关的配置0 _7 H! ^; u1 u* Z
11 Webpack 中使用 lint 工具来保证代码风格和质量4 ` S! j d* z, p; i
12 使用 Webpack 管理项目中的静态资源- d' v; Z( v$ {1 P' Y1 H! r
13 Webpack 中打包 HTML 和多页面配置
5 {+ W, E& Z" q$ `14 Webpack Dev Server 本地开发服务& c1 L8 K ^9 o. \$ r; n
15 Webpack 中配置React和Vue开发环境
- s; G) |' w. N3 F% a; i/ u16 Webpack 环境相关配置及配置文件拆分
7 f% x' t6 {- H- e; e- @- M! ^17 Webpack 优化之体积优化
2 `' H2 j3 w9 u* j2 k6 s18 Webpack 优化之增强缓存命中率
1 E; R& R- L0 a) s19 使用 Webpack 的 splitChunks 功能来拆分代码/ F; _: @5 w% t+ {; t( D
20 Webpack 优化之速度优化
8 x& N. q& m1 d5 F0 @21 使用 Webpack 的 Tree-Shaking4 q% r. K+ o& q. ^& D+ I
22 为你准备了一份 Webpack 工程化最佳实践总结
- z" T; s% l, s+ _! h E$ F23 怎么调试 Webpack?5 Q6 G! ?! v3 R/ b+ @7 L' P: [0 c+ s
24 Tapable —— Webpack 的核心模块$ k. h6 o( ~8 |9 M8 x9 S. l
25 Webpack 的 Compiler 和 Compilation* N) v6 h8 I; k3 F" E
26 Webpack 工作流程
( R; ^ L$ S5 T- g% P27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
* s, M+ v- O: q! l28 Webpack 的模块热替换做了什么?
9 r9 B3 `8 V2 ?, I( _5 @29 实战:使用 PostCSS 打造移动适配方案
* h6 c, b u- x# [# J# M, Z30 实战:手写一个 markdown-loader' Y3 ?3 |. H9 ]9 }
31 实战:手写一个 prefetch-webpack-plugin 插件
/ I ~7 D5 O* a) x' t; r9 Z% B32 实战:使用中间件来实现 Webpack-dev-server0 J) f9 z, U5 v+ i* [! U
33 实战:使用 Stats 数据结构生成 Webpack 构建报告+ S5 j( T8 \/ E6 M$ L
34 实战:给 Webpack 项目添加 modern 模式打包
; h+ M1 B; C4 A' f35 Webpack 5.0' j+ ~0 A* I( y. a, _
36 课程总结) z' R4 l: v7 k: j: F
37 附录:项目中常用的插件
# q" k. p% }2 \, H j38 附录:项目中常用的 loader8 [; \" q, r9 [. M% e* \
2 E; g3 S7 }7 s; L
|
|