|
|
这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。$ H f" t, j O/ K( w' s
课程目录 :
4 V, i$ C. ]. _2 n01 使用 Webpack 实现前端工程化/ l5 {4 S0 p2 F+ T+ K6 }
02 什么是 Webpack( q& s- [7 u9 y: a
03 Webpack 开发环境搭建& w* J* |/ u" q+ h ?5 B; f
04 使用 webpack-cli 体验零配置打包
# p$ a6 I% `0 Q3 r05 基础概念和常见配置项介绍(一)" \' s u/ q& y) [
06 基础概念和常见配置项介绍(二)
# Q3 R. U% G/ g- ^) y1 L. S' t* i4 w; v. D07 Webpack 中的模块化开发
) g. j9 P0 U2 Q( H7 ^08 在 Webpack 中使用 Babel 转换 JavaScript 代码
( {9 U2 ?. ?. _ G09 Webpack 中使用 TypeScript 开发项目
1 x( g% R; W# b10 Webpack 中样式相关的配置& D( |( [* x* K- k) s* e5 z' s
11 Webpack 中使用 lint 工具来保证代码风格和质量
N' L2 f) O# v* \: a12 使用 Webpack 管理项目中的静态资源
, L& A0 j4 u( p7 \/ c2 _13 Webpack 中打包 HTML 和多页面配置
+ }; } N3 Y! R2 E& W' [& S14 Webpack Dev Server 本地开发服务1 e) w5 P# u6 J) O
15 Webpack 中配置React和Vue开发环境
. Y( D) Q* w" H2 x' Y9 z4 y16 Webpack 环境相关配置及配置文件拆分
: w( B/ k, O7 z( V5 K( K5 {17 Webpack 优化之体积优化
# O. | n) l. ]+ | C; P. T3 b: R18 Webpack 优化之增强缓存命中率
& S$ n2 T& w+ ?; x3 K+ u19 使用 Webpack 的 splitChunks 功能来拆分代码0 r/ o% I4 U( L8 j. U
20 Webpack 优化之速度优化" v" a, J, v/ {# G2 \! X8 u0 S) I
21 使用 Webpack 的 Tree-Shaking
6 L; |6 O+ x H: c _- ?22 为你准备了一份 Webpack 工程化最佳实践总结2 z, w$ Z" m, I& m- }0 J
23 怎么调试 Webpack?+ i- P6 C% D; B0 c( D# x2 X
24 Tapable —— Webpack 的核心模块
1 @+ F+ N Q* j$ v25 Webpack 的 Compiler 和 Compilation0 k) ~. e3 v+ E$ x3 Q( A# K. E4 j
26 Webpack 工作流程" g- i) r& Y4 N
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
, |4 `8 r% N# D28 Webpack 的模块热替换做了什么?
( ]- J/ D. i- P/ Z# _+ z29 实战:使用 PostCSS 打造移动适配方案
: F+ M' A' K8 L0 f30 实战:手写一个 markdown-loader! K) A ~$ g7 {7 A
31 实战:手写一个 prefetch-webpack-plugin 插件
9 a2 {) u0 o h% D" d! i% o" u4 N32 实战:使用中间件来实现 Webpack-dev-server
& q+ Q1 u& |7 i- q33 实战:使用 Stats 数据结构生成 Webpack 构建报告! r- o. p, [5 `' O( F( u! X; L9 A
34 实战:给 Webpack 项目添加 modern 模式打包
0 P6 I1 |$ u7 W, [6 P$ ^* U35 Webpack 5.0
. P Y( G1 J [" @- p36 课程总结# o3 y" {# x" o$ F# @
37 附录:项目中常用的插件
; B) G* H$ d5 y6 y# t38 附录:项目中常用的 loader
0 S* e: P2 N" M+ [/ v7 h9 @$ | & s9 ~/ c' F+ D9 Q4 R
|
|