|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
7 `: Y& i7 c2 P: ~课程目录 :
0 R% I3 K% t) ~2 Z1 i4 j# W. P2 J- j01 使用 Webpack 实现前端工程化
$ e5 U6 I; {- ]& {: y' T2 P8 c9 k02 什么是 Webpack/ v, N m2 U8 L5 Z- ?8 f3 `
03 Webpack 开发环境搭建& P6 V" H Q2 Y9 Z+ h9 x. t
04 使用 webpack-cli 体验零配置打包 D! X. m: C ^+ h) q
05 基础概念和常见配置项介绍(一)
- Y! P5 `9 l( l06 基础概念和常见配置项介绍(二)
5 C3 ~, W1 h5 u$ Q07 Webpack 中的模块化开发, ]3 ~1 L" j- M( ~5 [
08 在 Webpack 中使用 Babel 转换 JavaScript 代码. B( E2 \" |0 C
09 Webpack 中使用 TypeScript 开发项目8 d5 m `* h7 ]2 [# e
10 Webpack 中样式相关的配置
3 v1 C' y# O' C, g/ b11 Webpack 中使用 lint 工具来保证代码风格和质量& F0 V- l* H4 c4 u( c j& \
12 使用 Webpack 管理项目中的静态资源1 X# Z K6 N3 l/ D8 j
13 Webpack 中打包 HTML 和多页面配置' U! J/ o9 F# D- g# u: ^( o
14 Webpack Dev Server 本地开发服务
) o9 k) p% |2 ~* m7 c15 Webpack 中配置React和Vue开发环境/ H: q) I# m3 o6 n/ J3 g
16 Webpack 环境相关配置及配置文件拆分
7 `1 E4 E6 S+ Z# Q1 l( ]. B17 Webpack 优化之体积优化
6 K8 k" N" \+ W: J ^; Q18 Webpack 优化之增强缓存命中率& e' x- Y$ V( r3 P) C. l
19 使用 Webpack 的 splitChunks 功能来拆分代码
( \3 U* L3 @6 \6 R( S! ]20 Webpack 优化之速度优化
. R, h8 }8 ]3 z' {21 使用 Webpack 的 Tree-Shaking
" J- _: D) s4 t. p; K) R22 为你准备了一份 Webpack 工程化最佳实践总结, _ e$ x2 y2 E- e& ]
23 怎么调试 Webpack?
/ `1 S+ f+ H& G& _' I' Y( S7 T0 W' U24 Tapable —— Webpack 的核心模块( V0 x2 S' q5 O0 z1 D
25 Webpack 的 Compiler 和 Compilation
* M( p7 R2 n. \7 {0 ^26 Webpack 工作流程# M) A2 W, ?: C) M" F" {9 g. ^, r
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
* K [) u6 m* Z" R28 Webpack 的模块热替换做了什么?. r* ]! e, [' b' T4 j& h. Z
29 实战:使用 PostCSS 打造移动适配方案- V! ?, m4 U/ s8 \2 g3 v
30 实战:手写一个 markdown-loader* ?; E" p1 y) `2 {: [
31 实战:手写一个 prefetch-webpack-plugin 插件
. q" }6 T8 F, k32 实战:使用中间件来实现 Webpack-dev-server
& Q9 Z) n9 V% S9 ^! V+ Z! L33 实战:使用 Stats 数据结构生成 Webpack 构建报告. w0 z- y+ w8 b& I- B5 [3 O2 i
34 实战:给 Webpack 项目添加 modern 模式打包8 m3 c9 m7 K1 m6 i+ [& t" `7 z
35 Webpack 5.0
' ?0 W" I. P& T+ b) a36 课程总结
4 M! u5 n6 @* s' r5 q! a37 附录:项目中常用的插件' C8 T/ v; X! z
38 附录:项目中常用的 loader
* k) a5 S& ~, i3 Y6 G) N 9 e# ]6 {# M k, r8 h, P$ P) g
|
|