|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。9 b P% o1 ?* f8 v6 X7 \# @8 T
课程目录 :1 n" O) R/ O8 b7 _( v3 j* z1 ^
01 使用 Webpack 实现前端工程化1 V( w5 Y* L( z6 J8 v
02 什么是 Webpack
4 d5 j0 {8 K: I6 }03 Webpack 开发环境搭建
4 {0 t& Q, f# e2 w/ a- t04 使用 webpack-cli 体验零配置打包
* K( U4 v8 \- \) d/ h/ D+ i05 基础概念和常见配置项介绍(一)( V' h8 F5 a: X9 [& z
06 基础概念和常见配置项介绍(二)+ `$ C* Y* l/ `: b. L
07 Webpack 中的模块化开发8 ]6 q) ~, c8 f
08 在 Webpack 中使用 Babel 转换 JavaScript 代码
# S% f J2 K6 t5 y3 @$ m( h09 Webpack 中使用 TypeScript 开发项目! ?- R7 |% U) `8 f' x1 i, }/ x
10 Webpack 中样式相关的配置
6 Y8 Q% t7 c) t/ C+ p! |# ?11 Webpack 中使用 lint 工具来保证代码风格和质量
9 H5 }* C1 g2 t+ O12 使用 Webpack 管理项目中的静态资源
5 k' B: Y/ N2 L9 k1 j8 n0 P g- s13 Webpack 中打包 HTML 和多页面配置
6 s* z. p5 ?" W) t" I14 Webpack Dev Server 本地开发服务1 n8 l5 W3 E3 |
15 Webpack 中配置React和Vue开发环境1 m1 r C( \+ l9 B2 |
16 Webpack 环境相关配置及配置文件拆分! S, |% V, b# s$ r7 V+ ?
17 Webpack 优化之体积优化
2 }! s" B9 y3 l! X) ~+ r18 Webpack 优化之增强缓存命中率0 ?6 d/ P4 @8 N- @3 K
19 使用 Webpack 的 splitChunks 功能来拆分代码
( u! P! _$ t& `. c20 Webpack 优化之速度优化6 O% A. [" D# B& T. k A z
21 使用 Webpack 的 Tree-Shaking& \% c! ?7 V! h$ L" |+ K
22 为你准备了一份 Webpack 工程化最佳实践总结
' |. r e4 v8 h# b1 l1 \; |& \* N23 怎么调试 Webpack?/ Q( x+ `# X1 w5 M& }/ A
24 Tapable —— Webpack 的核心模块
' ^& o! o! G, S: a. O6 ]25 Webpack 的 Compiler 和 Compilation0 {1 y8 t- s b T2 }/ I6 L
26 Webpack 工作流程' _2 c( }- A2 Z& g1 G, ~6 w
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的) d1 Q) e4 y" l7 c( k
28 Webpack 的模块热替换做了什么?
4 X4 b5 o* T. [' v3 J3 C29 实战:使用 PostCSS 打造移动适配方案
/ j1 o& h1 D- H" s30 实战:手写一个 markdown-loader
# \* H. g4 U' t: T: @31 实战:手写一个 prefetch-webpack-plugin 插件# N5 E2 b( Y7 x5 }" |. q
32 实战:使用中间件来实现 Webpack-dev-server% x% p& \% y" k6 @! |2 d& }
33 实战:使用 Stats 数据结构生成 Webpack 构建报告: n% [5 a% C# R D; [/ E& V. u
34 实战:给 Webpack 项目添加 modern 模式打包
$ P$ x" w, z" j. q) r8 u35 Webpack 5.0
! {( \" t$ U$ b0 p$ ~36 课程总结0 o/ ]: z. p2 \/ O5 {& k% y
37 附录:项目中常用的插件
1 b$ P( \' {# m9 S2 Z0 p+ s0 s) x38 附录:项目中常用的 loader5 o6 ^8 t9 I3 v& |
0 O8 }! Y6 ]# |
|
|