|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。 |8 u0 \+ _. P3 S, l; J5 m
课程目录 :
1 {8 j$ p- j: W$ n- E# \01 使用 Webpack 实现前端工程化6 Y- y) E; @& ^# z% o8 t ~4 M: Q
02 什么是 Webpack) A2 X3 J1 `3 X; e4 S# b; {# {
03 Webpack 开发环境搭建1 b4 ]# V0 y: H7 A
04 使用 webpack-cli 体验零配置打包" @& n5 x5 {% |6 W
05 基础概念和常见配置项介绍(一)
' n( y; k4 f9 m( l06 基础概念和常见配置项介绍(二)
4 _* D' j0 t- `" ] {07 Webpack 中的模块化开发
# \4 Z5 u; n/ |( _3 z3 p @9 A" j08 在 Webpack 中使用 Babel 转换 JavaScript 代码; ]% V$ J; i- I2 t) c2 ~# d$ ^5 h
09 Webpack 中使用 TypeScript 开发项目
* R E8 q! k& I9 R( }, B10 Webpack 中样式相关的配置
6 L, c$ ^: ?: {0 W9 N/ z$ o11 Webpack 中使用 lint 工具来保证代码风格和质量, _$ H" u V& V u
12 使用 Webpack 管理项目中的静态资源% `' i! j* [, L$ h/ n
13 Webpack 中打包 HTML 和多页面配置& v0 e2 ]4 t6 r" T! V7 ^
14 Webpack Dev Server 本地开发服务5 W! z1 z1 q! _* o8 I
15 Webpack 中配置React和Vue开发环境4 H' B i; l& W9 ?% t* A# }* D
16 Webpack 环境相关配置及配置文件拆分0 ?# u0 t" N! G- k( J
17 Webpack 优化之体积优化
4 A/ a4 B3 \8 R, X18 Webpack 优化之增强缓存命中率
5 @2 @* V6 k" f- F- W, V4 w: H19 使用 Webpack 的 splitChunks 功能来拆分代码4 x7 I) }: l/ E! Y% U
20 Webpack 优化之速度优化" c6 c8 y7 g8 Q, `' x0 p
21 使用 Webpack 的 Tree-Shaking: F1 [+ t8 C' G
22 为你准备了一份 Webpack 工程化最佳实践总结9 t2 M# a* \; b$ i% g! b
23 怎么调试 Webpack?
5 r: V. p W0 n1 T( L- W. x24 Tapable —— Webpack 的核心模块* W. j9 Q1 O2 A
25 Webpack 的 Compiler 和 Compilation
3 F% k+ X! w5 B/ g2 T9 j7 q26 Webpack 工作流程
4 B2 |9 }1 W9 V+ d1 `- m! x' b+ e27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
: @1 b% m7 p0 g: w M: @% V28 Webpack 的模块热替换做了什么?- T1 f5 B& O/ ]5 F& k& M' J/ G
29 实战:使用 PostCSS 打造移动适配方案
( `5 v- O U+ L; t' w. Q30 实战:手写一个 markdown-loader
# @, r- `* g D3 U8 V( o+ B$ O31 实战:手写一个 prefetch-webpack-plugin 插件
: B" C' m" K7 t/ j* l) l" H1 A32 实战:使用中间件来实现 Webpack-dev-server2 K7 }: W- J% h
33 实战:使用 Stats 数据结构生成 Webpack 构建报告. v8 H9 }% Q* `# \, ?3 D
34 实战:给 Webpack 项目添加 modern 模式打包
3 h, H3 I* @5 U* P! {1 R35 Webpack 5.00 p. g3 p" d# K" Z
36 课程总结
9 Y6 L/ E* v+ r1 k: {37 附录:项目中常用的插件3 R9 S5 H) K4 I( g3 o0 g
38 附录:项目中常用的 loader$ {3 M+ ~6 k' `
. d( Q; Y; L) ^2 `4 }
|
|