|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。 I/ _2 E. ?. [# F! ^% X
课程目录 :& ?; U+ E0 N: c( I1 H) c
01 使用 Webpack 实现前端工程化
- o4 w" R0 T) n7 n# s" w( b02 什么是 Webpack
( u* H7 S% Z- Q6 w& `3 L7 B4 R03 Webpack 开发环境搭建
: c# W- E8 r" f. Y9 I" D04 使用 webpack-cli 体验零配置打包
3 o! L& B7 ]4 ?+ F$ g5 H05 基础概念和常见配置项介绍(一)$ O, E: n' ?1 c6 ~
06 基础概念和常见配置项介绍(二)
$ x# v4 a* C' m4 Z1 c8 E/ l2 F' V07 Webpack 中的模块化开发$ D, f: L/ ^& g
08 在 Webpack 中使用 Babel 转换 JavaScript 代码
/ d6 r8 a; e9 J: }4 M* Q09 Webpack 中使用 TypeScript 开发项目
8 W: D8 p6 V6 x ~4 i+ e% c5 m2 E10 Webpack 中样式相关的配置, a- p" \9 v! M$ E0 T* `
11 Webpack 中使用 lint 工具来保证代码风格和质量
3 M$ c" b4 D0 F/ J1 I! ]12 使用 Webpack 管理项目中的静态资源( L3 c+ j3 k( v+ h/ q( y/ n j
13 Webpack 中打包 HTML 和多页面配置
4 ?7 Q# m! u" X! @( R14 Webpack Dev Server 本地开发服务
3 `( ?* T- Y7 o7 X. d6 f3 J/ S, D15 Webpack 中配置React和Vue开发环境 G; T& c9 q" |: f1 E
16 Webpack 环境相关配置及配置文件拆分% c& y3 t5 I5 {) f
17 Webpack 优化之体积优化0 L' ]- } n- O R0 Z) O, K7 ~
18 Webpack 优化之增强缓存命中率
0 ?: b6 `4 M: y4 m- r1 K! K) z19 使用 Webpack 的 splitChunks 功能来拆分代码& A+ g3 X4 a$ h& a! G+ u9 e3 m
20 Webpack 优化之速度优化
4 l8 Z B- d* y3 |21 使用 Webpack 的 Tree-Shaking
) J/ A6 {+ N' ?2 r g9 t" R22 为你准备了一份 Webpack 工程化最佳实践总结. z. i3 t8 c, U2 ?& c4 I
23 怎么调试 Webpack?0 w2 K% f3 _3 `6 m* K
24 Tapable —— Webpack 的核心模块
. e \% \0 C$ r; o/ o1 ~1 U: j6 n2 g; n0 `25 Webpack 的 Compiler 和 Compilation
' v) {3 v9 H# N8 I5 F7 D, E26 Webpack 工作流程
+ c3 X% o8 j# a! D# d0 N27 从 Webpack 的产出代码来看 Webpack 是怎么执行的2 e$ J/ e, h- X# E/ u2 w- _* C
28 Webpack 的模块热替换做了什么?
0 E$ L E9 Z( B6 S% m29 实战:使用 PostCSS 打造移动适配方案' n$ j$ l! J' u. D" m8 O5 ~
30 实战:手写一个 markdown-loader
0 C# e; W: @! S! D31 实战:手写一个 prefetch-webpack-plugin 插件6 ?0 |5 k. ~; Q" f1 A
32 实战:使用中间件来实现 Webpack-dev-server
' a+ L- {7 k+ W9 O( V9 K33 实战:使用 Stats 数据结构生成 Webpack 构建报告
* H. m4 S. `$ r, }34 实战:给 Webpack 项目添加 modern 模式打包
: ]8 ]" N& d: A1 t* }6 g35 Webpack 5.0- [8 _/ ]: \+ d: x3 Q
36 课程总结% U0 }: l- t- p
37 附录:项目中常用的插件4 R" U/ T2 A3 n# |% L
38 附录:项目中常用的 loader3 N4 S! D/ w3 e6 C
# r1 j+ N9 c2 w- v5 |
|
|