QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2592|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

积分成就    金币 : 2861
   泡泡 : 1516
   精华 : 6
   在线时间 : 1322 小时
   最后登录 : 2026-1-12

丰功伟绩

优秀达人突出贡献荣誉管理论坛元老活跃会员

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。. H; Y2 B  E. m3 `3 B: f1 I
课程目录 :+ B( N6 n9 b+ s% D, G4 c+ y
01  使用 Webpack 实现前端工程化
/ @! d, k& g6 l7 Z+ U6 y& v02 什么是 Webpack
- v% |0 M- K, g0 r03 Webpack 开发环境搭建
* O) t, G; s5 b' x9 a* _4 |/ f04 使用 webpack-cli 体验零配置打包, d3 ~* a  Q! Z' d; g
05 基础概念和常见配置项介绍(一)
: K0 g( F2 L, j' q$ T: A! x* G  i06 基础概念和常见配置项介绍(二)" g9 [! u) ?& ]  B8 R2 ]! ~
07 Webpack 中的模块化开发
6 c& C6 O' {+ A% _$ J" a; ~08 在 Webpack 中使用 Babel 转换 JavaScript 代码
& `, @0 v4 k- C; o: G. e09 Webpack 中使用 TypeScript 开发项目$ q3 k4 l( x2 m5 q1 Y  o- x" U
10 Webpack 中样式相关的配置5 ?6 @+ m" Q5 i/ J
11 Webpack 中使用 lint 工具来保证代码风格和质量) }9 s% }! ~2 s2 C7 v
12 使用 Webpack 管理项目中的静态资源
1 ]1 M& F& y. N& `2 w13 Webpack 中打包 HTML 和多页面配置
% F% a5 x* H9 Q- E+ Y14 Webpack Dev Server 本地开发服务6 c1 T8 u; Q9 B1 }6 |
15 Webpack 中配置React和Vue开发环境- v- o1 N/ {; J
16 Webpack 环境相关配置及配置文件拆分) D7 p' o3 L( |1 x+ r9 f
17 Webpack 优化之体积优化9 D6 _# G3 Y& i& p1 T
18 Webpack 优化之增强缓存命中率7 {; _7 \/ a+ ^$ x- i9 T# r
19 使用 Webpack 的 splitChunks 功能来拆分代码! W3 \& w) I4 h
20 Webpack 优化之速度优化' W2 k3 p4 Z( S; r) J3 c
21 使用 Webpack 的 Tree-Shaking+ x8 p) U2 U4 \9 J& N
22 为你准备了一份 Webpack 工程化最佳实践总结; X/ U: d$ P8 X% D: I! g9 M
23 怎么调试 Webpack?  j5 w- t+ L# b) [# x7 b
24 Tapable —— Webpack 的核心模块
9 s8 ?- t$ I5 V8 t, P( Q25 Webpack 的 Compiler 和 Compilation
6 b% v: A# d" D3 f% k0 l) ?26 Webpack 工作流程/ Z# R  V5 r! z
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的3 y0 L. \  E# {$ @( S8 E) d
28 Webpack 的模块热替换做了什么?) q' C1 |% c3 g
29 实战:使用 PostCSS 打造移动适配方案$ w9 k' J0 [% z8 G& b- y
30 实战:手写一个 markdown-loader! ?; \1 v: ^; {2 s6 R
31 实战:手写一个 prefetch-webpack-plugin 插件
0 _, O' {3 M+ X/ N0 @  o! C32 实战:使用中间件来实现 Webpack-dev-server# f2 r6 b% `# k/ s1 @
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
2 [# J* r7 E$ B/ u, o34 实战:给 Webpack 项目添加 modern 模式打包
$ s0 M; ~, ~, _& U! d35 Webpack 5.08 K* m/ _6 O) i6 y" F
36 课程总结# o  H" z( S' j9 m; d1 I4 @
37 附录:项目中常用的插件$ i6 I$ q) `/ U- i' Q$ a1 A
38 附录:项目中常用的 loader
" G/ c0 d9 \. H  B! R+ } 3 l% T3 h" U+ \  ]4 o( V( M. e9 e
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|paopaomj.COM ( 渝ICP备18007172号|渝公网安备50010502503914号 )

GMT+8, 2026-1-29 07:54

Powered by paopaomj X3.5 © 2016-2025 sitemap

快速回复 返回顶部 返回列表