|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。$ z+ D, I! C, `
课程目录 :
5 J( h7 b9 m# I' `6 p% v/ k c, [01 使用 Webpack 实现前端工程化
) m8 l* q! v6 U$ R/ `02 什么是 Webpack
' f, R; O! f( `$ `: q03 Webpack 开发环境搭建 j$ D% F, W7 O& T* f
04 使用 webpack-cli 体验零配置打包
8 C! ]5 f7 s1 u8 [05 基础概念和常见配置项介绍(一)+ l1 J2 x. F& l7 u
06 基础概念和常见配置项介绍(二)3 _9 f' h. e9 f4 R, K
07 Webpack 中的模块化开发
* C% U5 x1 M z7 j* E' P- G, Q5 ~08 在 Webpack 中使用 Babel 转换 JavaScript 代码
" j7 d8 R- L0 ^3 l4 u09 Webpack 中使用 TypeScript 开发项目1 f2 G( d( ?$ M: I( g! B% K1 L
10 Webpack 中样式相关的配置2 |; F3 Z9 Q% J) Q: F) K1 @! O
11 Webpack 中使用 lint 工具来保证代码风格和质量0 J$ k7 n2 n# C6 q1 i/ g
12 使用 Webpack 管理项目中的静态资源' @2 p$ A) ]8 Y8 y: }
13 Webpack 中打包 HTML 和多页面配置
+ I- f0 i3 I0 @' g( H14 Webpack Dev Server 本地开发服务
5 P2 r! @$ q. ~) l6 v" u6 w: u15 Webpack 中配置React和Vue开发环境
' y' V) J) E* R7 B; h: S16 Webpack 环境相关配置及配置文件拆分4 a, F! ?3 `( v
17 Webpack 优化之体积优化
! ?$ r* d. j0 S) w1 ^' e18 Webpack 优化之增强缓存命中率
. `' h4 x8 R4 x+ Z- z. h19 使用 Webpack 的 splitChunks 功能来拆分代码8 L% u/ \& q! k6 G% y- z1 V6 x
20 Webpack 优化之速度优化
7 I0 T# q; t9 r) K+ i21 使用 Webpack 的 Tree-Shaking" K$ `4 I; {5 x& l9 {8 z
22 为你准备了一份 Webpack 工程化最佳实践总结+ |. ^4 g; ~# C% ^, j( j
23 怎么调试 Webpack?
( }( o7 S) s7 S8 n# n24 Tapable —— Webpack 的核心模块
! z5 w m8 U0 t/ I! q1 ^0 B d25 Webpack 的 Compiler 和 Compilation; e; G) U& W+ h
26 Webpack 工作流程7 I6 u7 B; h6 j* M7 {5 K0 M( E
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的 o) a3 i( C& |: c6 z: G, g! y
28 Webpack 的模块热替换做了什么?9 r c# r, I V. F4 Z
29 实战:使用 PostCSS 打造移动适配方案 g! w* a# O2 X8 v' L
30 实战:手写一个 markdown-loader
: v$ Y$ ]* t. P31 实战:手写一个 prefetch-webpack-plugin 插件# M i, @* V7 K# g
32 实战:使用中间件来实现 Webpack-dev-server3 \: m5 U O. Q5 `% J/ ?3 C4 o- p
33 实战:使用 Stats 数据结构生成 Webpack 构建报告( W) o5 m- `5 [4 D+ w) ~/ S, Q
34 实战:给 Webpack 项目添加 modern 模式打包# X' I& A' e; W% c& @8 O
35 Webpack 5.0( W- s: p5 a9 A% U
36 课程总结
$ ?: f# r; I8 R. F6 e% N37 附录:项目中常用的插件! D7 T' j( D7 f
38 附录:项目中常用的 loader0 f# [ t) K" J. n* R+ ?5 t3 R2 m
0 Q3 v% v- T: C* I4 i
|
|