|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
1 N9 U4 {# q+ l; x课程目录 :
( G0 _: t0 E- `4 N- M$ y01 使用 Webpack 实现前端工程化
+ w* ?+ m+ Q% Q: `02 什么是 Webpack
1 Y, p3 M* _8 b d" o: E+ h03 Webpack 开发环境搭建
) f8 M2 |6 \6 ^9 t* F04 使用 webpack-cli 体验零配置打包5 n! M$ a* r3 I, Q9 @2 k4 E
05 基础概念和常见配置项介绍(一)
$ o" c8 c1 W# s. m06 基础概念和常见配置项介绍(二)
" O; f5 O1 W, T4 C0 S2 o07 Webpack 中的模块化开发! I4 l# L! U, c" P" q6 U6 J& M9 x/ k
08 在 Webpack 中使用 Babel 转换 JavaScript 代码
8 H9 t' w* U9 v0 e6 W0 w7 l09 Webpack 中使用 TypeScript 开发项目
! b- V& k7 h) r; T6 Z4 E10 Webpack 中样式相关的配置
1 R% Y) d% t7 }' _% Z$ w% b( T11 Webpack 中使用 lint 工具来保证代码风格和质量) O+ \+ o7 \* c" v! B- l1 Z
12 使用 Webpack 管理项目中的静态资源
$ n9 z- J& @9 H2 ~, l0 V13 Webpack 中打包 HTML 和多页面配置
! v6 ]0 {# s( P: r* n, A9 Z14 Webpack Dev Server 本地开发服务; _3 P, \# X/ f% D# U+ x$ o
15 Webpack 中配置React和Vue开发环境
/ R' |" e/ i8 W# ~16 Webpack 环境相关配置及配置文件拆分5 G1 d: b; i; m3 a) l
17 Webpack 优化之体积优化6 ]8 Y; W( x8 G2 N( d
18 Webpack 优化之增强缓存命中率: d0 t9 U3 A! _8 {. T
19 使用 Webpack 的 splitChunks 功能来拆分代码, p6 E- `; H- _( z1 Y
20 Webpack 优化之速度优化/ ? L, h* h% u6 p5 G6 O
21 使用 Webpack 的 Tree-Shaking' S3 v( v3 l( M# C3 c. e/ B
22 为你准备了一份 Webpack 工程化最佳实践总结
9 F: T( e- ?) k& i8 b23 怎么调试 Webpack?
$ ]9 X0 i- X2 w5 |9 _$ L3 a+ B" `24 Tapable —— Webpack 的核心模块9 e: d+ V% j: X: e" c8 U
25 Webpack 的 Compiler 和 Compilation
8 S2 u7 F e0 K" n26 Webpack 工作流程' E$ f) j' S3 g. n- {
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
1 y0 B) t0 }. {3 R# K$ Z28 Webpack 的模块热替换做了什么?
/ t" j2 a! C" I( I29 实战:使用 PostCSS 打造移动适配方案/ ]8 w" j/ h* T; \
30 实战:手写一个 markdown-loader
. ^6 y% r0 `' x. [31 实战:手写一个 prefetch-webpack-plugin 插件) F' l, v5 s" R! M" X
32 实战:使用中间件来实现 Webpack-dev-server
$ h/ t; z' G$ }7 H: w( L0 z33 实战:使用 Stats 数据结构生成 Webpack 构建报告* b* S- [2 b: D9 c7 `# W
34 实战:给 Webpack 项目添加 modern 模式打包% Y0 h5 g! q4 E' y) o: V/ T, D @, E
35 Webpack 5.0
9 o' j. M1 {( V8 k36 课程总结
) ?: `" e( _* s+ l" Z# _37 附录:项目中常用的插件; e; W1 y+ {+ g* G: d8 t9 g. j
38 附录:项目中常用的 loader7 r, M, x" G8 s M1 n3 g
1 }' Y- E7 J; E8 I0 C( u
|
|