|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
! q1 i7 n. n, r5 j% F" R课程目录 :
% G& L5 z, T' ~. z01 使用 Webpack 实现前端工程化
/ b! ?- h- ?. S: j, D02 什么是 Webpack
0 W0 c' {" {. ?3 r- D3 P ~6 o03 Webpack 开发环境搭建
: L+ G9 G/ J5 K' D( J [' N04 使用 webpack-cli 体验零配置打包
7 L5 v9 R! L7 u$ ^7 ^& G: K) Z0 B1 H$ y05 基础概念和常见配置项介绍(一)
) m0 i6 O! M9 Q: [4 u4 s2 E06 基础概念和常见配置项介绍(二)
: _$ v: r; u9 l$ K07 Webpack 中的模块化开发
& |: k" v8 V2 a( j" c6 t08 在 Webpack 中使用 Babel 转换 JavaScript 代码. ^* n+ }: c4 ^
09 Webpack 中使用 TypeScript 开发项目
- V$ c8 `" l' p: g7 z' K- w0 c10 Webpack 中样式相关的配置
$ U9 P- n. {* I( Z11 Webpack 中使用 lint 工具来保证代码风格和质量# ~5 G0 d/ {. V9 Z8 o
12 使用 Webpack 管理项目中的静态资源
# d: g2 F2 x3 v' K h2 c* `- ]13 Webpack 中打包 HTML 和多页面配置
* M: M3 ^" Z' R7 J ~) ]' o14 Webpack Dev Server 本地开发服务& j( z& \3 v4 y# L
15 Webpack 中配置React和Vue开发环境
! y4 v$ Y) ?9 F# A) O0 M0 W16 Webpack 环境相关配置及配置文件拆分) O# Z0 x/ x: K) F$ k
17 Webpack 优化之体积优化
! r5 C+ K( B8 y" Q7 W/ Y18 Webpack 优化之增强缓存命中率6 l) S$ U1 ]) a! h4 E9 [! O- T6 ?: j
19 使用 Webpack 的 splitChunks 功能来拆分代码
, d2 W% w4 q' y% C& T20 Webpack 优化之速度优化
6 d& a$ v8 K- C8 ~( i- p21 使用 Webpack 的 Tree-Shaking
) c- Q4 J0 ?# G r22 为你准备了一份 Webpack 工程化最佳实践总结
% A, E# S( w$ k' V) c, ]23 怎么调试 Webpack?- E$ V1 F0 p5 s$ f; C* @: H# C
24 Tapable —— Webpack 的核心模块2 E# F+ O+ v9 N. h$ s) k% H3 z
25 Webpack 的 Compiler 和 Compilation
% D1 V. |2 ^7 e# X6 j2 Q5 M. d* i26 Webpack 工作流程
2 M2 f* x' B3 N% ]: T27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
) p( H- ] _; P, E1 q9 e28 Webpack 的模块热替换做了什么?% ~6 p% n/ U0 a
29 实战:使用 PostCSS 打造移动适配方案
9 J; A& H: a4 g; R9 a30 实战:手写一个 markdown-loader* k6 J8 {0 K% l+ J
31 实战:手写一个 prefetch-webpack-plugin 插件# i' F0 B7 r9 _: `& }* }
32 实战:使用中间件来实现 Webpack-dev-server
+ ]( l0 x0 j2 y* q: _" C% M; S33 实战:使用 Stats 数据结构生成 Webpack 构建报告
7 Y; \1 O( H' z( N( }/ T34 实战:给 Webpack 项目添加 modern 模式打包
. |1 z& p- z# k% T+ O# g4 w35 Webpack 5.0' ^; e, ]; Q# A' M1 Q
36 课程总结& H# A S7 g5 }7 R7 Y
37 附录:项目中常用的插件( Z T- z2 S" h# T+ y) d4 ?
38 附录:项目中常用的 loader
1 u* ~) V& t1 D' W) C ; [- \/ h( E/ s9 u2 @# u+ L) N; L) D
|
|