|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
/ f/ ^0 y6 g1 o) q课程目录 :
P3 }: A( M& g/ G l9 s0 l01 使用 Webpack 实现前端工程化
: q! {" l2 \1 d. _) r4 _: A' ?$ m02 什么是 Webpack
) K5 p" f" K& O2 J7 c: a6 B03 Webpack 开发环境搭建
1 Q6 m% {$ X6 e6 ^04 使用 webpack-cli 体验零配置打包4 I- x, Y- n5 ]9 c
05 基础概念和常见配置项介绍(一)
2 j& h0 Z4 l6 Q9 f. t06 基础概念和常见配置项介绍(二)/ K' z) [; t, O# {4 W4 S
07 Webpack 中的模块化开发2 a G0 g: F' l% b$ e* C
08 在 Webpack 中使用 Babel 转换 JavaScript 代码2 m# z8 S& n& c: Y* [5 ^7 E
09 Webpack 中使用 TypeScript 开发项目
* W+ [2 B* ^2 q7 o2 @10 Webpack 中样式相关的配置, I7 _, N: V9 v
11 Webpack 中使用 lint 工具来保证代码风格和质量, s$ t H* c# `+ k9 F
12 使用 Webpack 管理项目中的静态资源1 A( D# O9 v4 h
13 Webpack 中打包 HTML 和多页面配置
4 b. B" A2 e: j14 Webpack Dev Server 本地开发服务7 u, |7 A( ^9 q. e
15 Webpack 中配置React和Vue开发环境, a" {& U1 e1 y2 L+ ~# I4 S+ f/ h
16 Webpack 环境相关配置及配置文件拆分6 h( Y. b, [8 a4 L! L& u' o
17 Webpack 优化之体积优化! j0 i2 U2 Q, ?* G: l% ~: [6 u
18 Webpack 优化之增强缓存命中率 Z) I6 H; G7 s; ]/ z
19 使用 Webpack 的 splitChunks 功能来拆分代码
5 V7 _& n( |9 F- Y20 Webpack 优化之速度优化
( c3 C+ A$ S: `8 @21 使用 Webpack 的 Tree-Shaking
$ ^1 b* X$ w# a6 @5 O2 A) t22 为你准备了一份 Webpack 工程化最佳实践总结
V$ x6 G" I w. `: S: G# B' b. W1 S23 怎么调试 Webpack?
: U% s9 a. e! J24 Tapable —— Webpack 的核心模块$ g$ d7 |( D+ ^; W o* F* ~
25 Webpack 的 Compiler 和 Compilation
& ~ r# w f) ~4 n( O: X0 [8 _26 Webpack 工作流程; v7 s$ D! I, H+ j+ W
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
; E8 a# ^( E R# E0 j" o1 W& [28 Webpack 的模块热替换做了什么?: X6 G t" R# o5 b+ k' [8 N
29 实战:使用 PostCSS 打造移动适配方案 ^. U8 a$ o, h9 s, M* m. m: U8 _
30 实战:手写一个 markdown-loader
- T9 ?2 M C, S. m0 I31 实战:手写一个 prefetch-webpack-plugin 插件
$ ^8 T* O6 D; S3 H V9 g3 E32 实战:使用中间件来实现 Webpack-dev-server8 H9 e/ {6 h1 U) q# `: W; P
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
$ V! R# A1 N: p/ j34 实战:给 Webpack 项目添加 modern 模式打包
4 g( w2 Z: @8 M7 F35 Webpack 5.0
" [! [6 e9 @! ]# }7 }& T$ l36 课程总结
1 f; w3 w3 V* H37 附录:项目中常用的插件- `+ u; T) d6 p4 I5 ?5 r
38 附录:项目中常用的 loader* G4 n8 C9 x1 ~, V; e: a
- f/ s1 z) M x% P: B5 o0 J6 L
|
|