|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
9 I5 D V( N1 i/ E+ q课程目录 :& E3 A2 Y- U2 l4 T# O; W0 ^! }1 H0 F& z
01 使用 Webpack 实现前端工程化4 R! g E" R2 x: d( V
02 什么是 Webpack
6 o3 j. R6 n$ B* p9 y5 q03 Webpack 开发环境搭建
3 f \2 I: E+ I5 W* B04 使用 webpack-cli 体验零配置打包, N2 w9 n5 Q. P) u5 a+ Y
05 基础概念和常见配置项介绍(一)4 c' W7 b6 a9 L1 ^( f _' X
06 基础概念和常见配置项介绍(二)0 I3 I9 N# q3 Z m! v Y& Q, p# G
07 Webpack 中的模块化开发 A/ j: [3 N+ P |/ E, `) ?
08 在 Webpack 中使用 Babel 转换 JavaScript 代码$ j( j* X' @3 W% j
09 Webpack 中使用 TypeScript 开发项目
. G9 ^9 k+ s. ^/ A# s7 ~& c6 D10 Webpack 中样式相关的配置! Q8 K# f6 y' r; S/ W
11 Webpack 中使用 lint 工具来保证代码风格和质量
# W6 n$ R6 `/ d# X9 H/ m12 使用 Webpack 管理项目中的静态资源
5 z& G& x7 a O- h7 r# `: s13 Webpack 中打包 HTML 和多页面配置
5 |. C. _1 _+ w# c. ^$ g" s14 Webpack Dev Server 本地开发服务) v/ B1 x& E# j+ ^0 C+ ?* ~
15 Webpack 中配置React和Vue开发环境
! P& z. T: a" I x$ ~: I5 d9 T16 Webpack 环境相关配置及配置文件拆分
- T' y( O& P' [, d17 Webpack 优化之体积优化
! v5 t" {" _5 i6 E18 Webpack 优化之增强缓存命中率
2 y& M; K }1 f/ {: E19 使用 Webpack 的 splitChunks 功能来拆分代码
/ L. Z7 G! @: M X: X& J+ ?& }20 Webpack 优化之速度优化0 Z! O0 @& m \ C, Z
21 使用 Webpack 的 Tree-Shaking
8 m; `7 I' u- i8 Z+ q22 为你准备了一份 Webpack 工程化最佳实践总结
0 Q$ A8 R0 I5 k ?* s6 x2 H23 怎么调试 Webpack?
$ r" ]3 a0 j5 W+ ~( Q5 n24 Tapable —— Webpack 的核心模块, E" n* [' B' ^+ p B1 @, z, S+ ^
25 Webpack 的 Compiler 和 Compilation$ A9 K _: x. i
26 Webpack 工作流程
r* n3 ^! w9 S9 o3 L9 {27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
* V; [& T y& @) j9 `' I28 Webpack 的模块热替换做了什么?
: g# Q \: \% l( o29 实战:使用 PostCSS 打造移动适配方案
9 W5 ]0 j/ B0 T T* S3 |$ e8 A% \30 实战:手写一个 markdown-loader
$ [- G- o8 d+ Y8 ~31 实战:手写一个 prefetch-webpack-plugin 插件
. \% X7 f `$ q! L7 X+ `3 @( ?% P2 @32 实战:使用中间件来实现 Webpack-dev-server) V; n! I& o; y
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
9 z* {- h6 |) i) B% o, i% m C34 实战:给 Webpack 项目添加 modern 模式打包
+ [" _& K; W' ]( X8 ]35 Webpack 5.0# C: C! ^* O- y# U0 q, f4 C# @
36 课程总结
( c5 _" h* I8 i( J37 附录:项目中常用的插件
# K* D0 b1 I8 L+ @$ i5 z38 附录:项目中常用的 loader4 N- a* n" m4 l5 E/ F3 R
, w+ q9 u; n ?- U9 t
|
|