|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。% F e, Y' f* Z9 |- x! g
课程目录 :( B1 p* q# p0 y# [ ^. o
01 使用 Webpack 实现前端工程化: `& ?) Z, n7 U: u9 f
02 什么是 Webpack
7 P1 G% d* _6 ~0 |9 g4 S03 Webpack 开发环境搭建
, Y& P' U5 ~; [: A) `% m2 y' {04 使用 webpack-cli 体验零配置打包
( K+ r& P7 m9 h' v8 Q05 基础概念和常见配置项介绍(一)! f, m0 `2 ^% |9 H/ P% Y6 u
06 基础概念和常见配置项介绍(二)' l5 R1 h. w! ~! o' j& }
07 Webpack 中的模块化开发
! ?& C5 f9 [! d9 M+ W08 在 Webpack 中使用 Babel 转换 JavaScript 代码& S0 M: m& l- l. c' N& b
09 Webpack 中使用 TypeScript 开发项目* C# O r8 ]1 ~/ H! M, q, _
10 Webpack 中样式相关的配置
1 }" s' A4 S5 P) }2 w11 Webpack 中使用 lint 工具来保证代码风格和质量
/ F" S5 A. y! _12 使用 Webpack 管理项目中的静态资源- o- D0 f, s F( f9 h [
13 Webpack 中打包 HTML 和多页面配置
4 t' F( _% v1 ~9 a- ] {0 G14 Webpack Dev Server 本地开发服务) C5 L! C7 n' d. X4 S) j+ C
15 Webpack 中配置React和Vue开发环境4 K! x7 d4 p. w7 s5 R" I
16 Webpack 环境相关配置及配置文件拆分) {/ l- z4 J: e s9 Q. O& A
17 Webpack 优化之体积优化7 R U( t! d/ G* x
18 Webpack 优化之增强缓存命中率5 ^! y2 Z1 B$ W2 W3 ^4 C% e8 m
19 使用 Webpack 的 splitChunks 功能来拆分代码2 G# V, F, Q( z% H, I2 }
20 Webpack 优化之速度优化
$ I5 V8 m: _4 C8 J9 J9 s21 使用 Webpack 的 Tree-Shaking7 J5 X2 I* d6 _' o4 o- ?1 j& n
22 为你准备了一份 Webpack 工程化最佳实践总结
5 R+ s6 |9 P) c# F- m9 M23 怎么调试 Webpack?/ _- G) C' P1 P) p X' W
24 Tapable —— Webpack 的核心模块
+ h9 U6 |, J/ d; {0 c# y25 Webpack 的 Compiler 和 Compilation
! l1 n0 ?# O' @; ~3 U; L26 Webpack 工作流程; r" f* U- a# v7 x. M2 Z
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的1 h8 _: T. Q! |( ]' r( D
28 Webpack 的模块热替换做了什么?
, U2 O, S5 `9 W6 O0 Q- K29 实战:使用 PostCSS 打造移动适配方案
8 N. P9 r/ B3 e/ ~) s$ h30 实战:手写一个 markdown-loader
+ G5 J; ~1 j! u& C2 L2 y: N31 实战:手写一个 prefetch-webpack-plugin 插件* e+ d y8 A2 Q% ]. I
32 实战:使用中间件来实现 Webpack-dev-server+ d/ w8 M4 {/ N' ] B3 Z
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
% S' W) ^% X+ W3 m! S" X0 q$ O34 实战:给 Webpack 项目添加 modern 模式打包* \% s# d- o. f; s/ t! m/ _7 v
35 Webpack 5.0
3 o% w. q& ^6 r4 V5 F- H0 s2 F36 课程总结
' @. X; s* `: w# P. K; p37 附录:项目中常用的插件
$ w- q( W2 `- j: p" @38 附录:项目中常用的 loader1 k5 v( N1 e5 ]2 s/ M J
. x6 v- _- V2 N% O7 j
|
|