|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
$ ^; [/ b& f/ i& K% H课程目录 :7 P, z3 d7 ~% E q B6 H/ L9 B
01 使用 Webpack 实现前端工程化+ \0 u! J% N. m' ]# f
02 什么是 Webpack
% `# z. F$ q% C0 Z$ S3 T, g; Y' G, e03 Webpack 开发环境搭建" r+ m$ x) Q& T( U [
04 使用 webpack-cli 体验零配置打包; ^' L2 h. K6 s9 H
05 基础概念和常见配置项介绍(一)
& q: s, O$ n7 ~4 v06 基础概念和常见配置项介绍(二)
$ Q1 e4 j; ?4 ]: o, F" i07 Webpack 中的模块化开发
. Q0 |/ h% J$ i08 在 Webpack 中使用 Babel 转换 JavaScript 代码5 s% |9 n" f; w! y1 d/ Q
09 Webpack 中使用 TypeScript 开发项目
" Z/ i. g" u- ^, Y+ p. B10 Webpack 中样式相关的配置8 U; n, t1 L: B. F$ |8 \
11 Webpack 中使用 lint 工具来保证代码风格和质量
) V3 `. _2 l' z" Q& T* Y12 使用 Webpack 管理项目中的静态资源1 U3 t0 i: v) a& _
13 Webpack 中打包 HTML 和多页面配置, d! x9 ?! d/ Y2 E: ^0 M" u
14 Webpack Dev Server 本地开发服务& ^) C. U& ]: f z K9 j
15 Webpack 中配置React和Vue开发环境. y6 t- ~6 ?* a" \2 j' y. r
16 Webpack 环境相关配置及配置文件拆分
8 d$ W& Z/ |; \17 Webpack 优化之体积优化
, z0 W& s% h$ L: ]9 z* y18 Webpack 优化之增强缓存命中率! Z$ T' r+ r. q& R. W
19 使用 Webpack 的 splitChunks 功能来拆分代码: h% Q# h2 b4 Q0 H0 y7 o' `& |
20 Webpack 优化之速度优化
5 n5 k8 K4 ]/ g& c0 l1 e X21 使用 Webpack 的 Tree-Shaking1 {/ }# [ T. o& [# I
22 为你准备了一份 Webpack 工程化最佳实践总结2 w4 b) y: i0 q" e# s% i/ ?! h& ]! |
23 怎么调试 Webpack?
; G4 t6 J+ D0 b- m24 Tapable —— Webpack 的核心模块- R9 H% W7 a Q4 Y, I
25 Webpack 的 Compiler 和 Compilation8 z' u1 z: u* |1 [9 r6 B9 d1 ]
26 Webpack 工作流程
8 E& @& ]. _% B6 r3 O7 ~" k0 q27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
* H" n+ X- i- e" ]: e$ A28 Webpack 的模块热替换做了什么?
; d) l0 s7 m X4 f L29 实战:使用 PostCSS 打造移动适配方案
' o7 n- f- c1 ^6 }, l# g, h, n6 P30 实战:手写一个 markdown-loader
0 j# Z. D8 \' P. t1 y6 f- j31 实战:手写一个 prefetch-webpack-plugin 插件
5 ~9 @3 `& F# M1 i32 实战:使用中间件来实现 Webpack-dev-server7 Q/ v; p1 \. }& ?+ ]9 h
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
, t& @9 W1 ?* o/ @4 t; w8 o34 实战:给 Webpack 项目添加 modern 模式打包0 A( J/ v! o8 f
35 Webpack 5.0: A6 \ D3 ?5 o: B" p0 f9 D
36 课程总结' o( y$ {# K0 f) ?
37 附录:项目中常用的插件
4 [7 b$ C$ {- w( k7 B+ U) ?38 附录:项目中常用的 loader
* {# D& p$ N$ Y" B; B * m5 ~! ^) J( L0 x F' B; \
|
|