|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
! x- n: ~; f4 Y' K3 G课程目录 :
* N; G, Y, h6 g) c; s01 使用 Webpack 实现前端工程化3 R- @, D" b- ?. B
02 什么是 Webpack7 ?) t- a- r# D; S: V8 S
03 Webpack 开发环境搭建) W0 v# L$ K; {5 M0 _* S$ w3 c$ o
04 使用 webpack-cli 体验零配置打包
' c+ O+ S1 Z7 I# j. s3 k5 ^8 C% n05 基础概念和常见配置项介绍(一)
/ o+ b6 G$ S9 c7 ?06 基础概念和常见配置项介绍(二)! F7 o- ?0 I- A& ~: o4 s/ ?
07 Webpack 中的模块化开发! v* k0 j- f8 b1 I2 R
08 在 Webpack 中使用 Babel 转换 JavaScript 代码% g2 }+ q' F6 S( d# r Z G2 N
09 Webpack 中使用 TypeScript 开发项目+ p. }& }; o( [- q% K" s! s T# O0 p2 ~
10 Webpack 中样式相关的配置8 a- d9 ]" f. N- t e
11 Webpack 中使用 lint 工具来保证代码风格和质量 S5 B: R/ q Z* n
12 使用 Webpack 管理项目中的静态资源5 X. _4 W6 O" H( S4 l' F% f; I/ p" n
13 Webpack 中打包 HTML 和多页面配置: s. ~1 g9 P1 c- P( G, j
14 Webpack Dev Server 本地开发服务9 {7 P; `) k* ]7 T
15 Webpack 中配置React和Vue开发环境* {2 w& A% l. A. x
16 Webpack 环境相关配置及配置文件拆分
% E! c/ N% \* F8 O$ {% ?6 X17 Webpack 优化之体积优化
, l/ [. N& P; v3 {8 A \18 Webpack 优化之增强缓存命中率4 [- h" R( u( G; T8 ^3 q7 I
19 使用 Webpack 的 splitChunks 功能来拆分代码( p/ a+ L0 y3 S( m- |8 ?: }
20 Webpack 优化之速度优化/ @3 b& W5 f) s$ ^3 d
21 使用 Webpack 的 Tree-Shaking; o- m+ r% p' x% f: r* C H% k
22 为你准备了一份 Webpack 工程化最佳实践总结7 Z; }) _4 a$ u# r8 s& P8 ?
23 怎么调试 Webpack?& [" [* U8 w# b* i6 z1 Z* W
24 Tapable —— Webpack 的核心模块
3 u& q% n- q, j2 S25 Webpack 的 Compiler 和 Compilation
; z2 P9 c: \ O8 f( r9 p26 Webpack 工作流程
) `5 K- N. h6 {27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
4 d0 o" V" X2 A; Y28 Webpack 的模块热替换做了什么?
- k1 u' o/ K* R29 实战:使用 PostCSS 打造移动适配方案& E* U4 b2 S1 t( }' i. G y; U
30 实战:手写一个 markdown-loader
& o) J8 B. l$ ?/ V0 C8 r31 实战:手写一个 prefetch-webpack-plugin 插件
, N# f R! p: f. U32 实战:使用中间件来实现 Webpack-dev-server
( H8 p, Z0 W, f, C1 P s6 p7 T33 实战:使用 Stats 数据结构生成 Webpack 构建报告) Z- U6 X4 a4 [) k7 o6 }: R$ m
34 实战:给 Webpack 项目添加 modern 模式打包; {7 ^" m9 t& J3 L4 W
35 Webpack 5.0+ n& x( t. |# Z8 B i5 B3 R6 I
36 课程总结
" A/ Z) X5 U9 N, N. C37 附录:项目中常用的插件0 V0 N- q ~; u) W" o8 O
38 附录:项目中常用的 loader
0 K% {+ B( O" X 5 x' w2 ^0 G2 o6 x) a4 b( ]3 `2 I9 g
|
|