|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。# T# h4 H' D9 t1 R
课程目录 :- c* _0 f: G5 t
01 使用 Webpack 实现前端工程化
3 H* j6 ^: P2 Q7 ^: z, a02 什么是 Webpack
& I/ x3 z! A1 N5 j03 Webpack 开发环境搭建2 {8 m( M* `# P6 x! o/ B
04 使用 webpack-cli 体验零配置打包
( w5 e( ?0 H. D/ ?$ T05 基础概念和常见配置项介绍(一)
. i: l( V7 g4 I! F, Z06 基础概念和常见配置项介绍(二)
4 t: h& @8 b: n6 W7 T* ^07 Webpack 中的模块化开发
( E# Z6 h- E$ K" \08 在 Webpack 中使用 Babel 转换 JavaScript 代码
9 X0 o* s& o0 ]09 Webpack 中使用 TypeScript 开发项目0 b7 }2 K% T: |- n
10 Webpack 中样式相关的配置2 D( x1 a, P. ? d
11 Webpack 中使用 lint 工具来保证代码风格和质量& }0 ?# Z- i) J' X ^
12 使用 Webpack 管理项目中的静态资源
; [2 ?. `, x) U& p& I$ c13 Webpack 中打包 HTML 和多页面配置( C0 F: u3 O# w# M
14 Webpack Dev Server 本地开发服务0 Q7 y, e, Y+ l$ F" Z$ _& V
15 Webpack 中配置React和Vue开发环境% N% J) l3 `/ A% E2 I
16 Webpack 环境相关配置及配置文件拆分7 ]( `4 l7 @& b
17 Webpack 优化之体积优化
$ Y6 j% _3 j( d8 x. ]18 Webpack 优化之增强缓存命中率
4 g* J% B- n5 R, ?19 使用 Webpack 的 splitChunks 功能来拆分代码
. x5 d# e; N- S; `+ [20 Webpack 优化之速度优化2 a/ S% R+ A/ `' V
21 使用 Webpack 的 Tree-Shaking- k* ^9 ^+ k& j& u
22 为你准备了一份 Webpack 工程化最佳实践总结
* b" Y0 Z, C% ~& S23 怎么调试 Webpack?
, a" H$ A" s h4 _6 ^24 Tapable —— Webpack 的核心模块$ w8 T5 V" N6 ~- Q
25 Webpack 的 Compiler 和 Compilation
# A6 w/ b, X) L26 Webpack 工作流程
7 V7 h1 E: [/ r, p, Q; I1 ]27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
( F4 c- M1 w' n( Y28 Webpack 的模块热替换做了什么?
4 m8 z5 \0 F/ t% b& Z29 实战:使用 PostCSS 打造移动适配方案 c6 j, F) u W; o/ q
30 实战:手写一个 markdown-loader! m' t ^% K2 S
31 实战:手写一个 prefetch-webpack-plugin 插件
+ ?& L) R9 Q( \4 ?; C32 实战:使用中间件来实现 Webpack-dev-server f! H# K; S" Y9 o! ^; Y# S9 k: ]* D
33 实战:使用 Stats 数据结构生成 Webpack 构建报告1 W6 D3 ^6 \* l2 |* J
34 实战:给 Webpack 项目添加 modern 模式打包
3 W5 w+ P- D4 {35 Webpack 5.06 k" a; T( R$ a8 e- _4 u5 v0 ~
36 课程总结: R# t0 I3 B. i
37 附录:项目中常用的插件9 N; e N0 r0 k6 S# r# d9 Q
38 附录:项目中常用的 loader
) Z- V {' `5 J7 |& \
3 ^0 u5 N, q, X
|
|