QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2913|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
* O% `2 g" K8 d5 v+ ^$ P, }课程目录 :
/ x# f8 c' z  @, Z/ l5 Z* I01  使用 Webpack 实现前端工程化
; y( W7 @' t6 z5 e! ?! P02 什么是 Webpack
: U+ p- S5 h  @" t$ ~% K* N03 Webpack 开发环境搭建
: ]% c* x$ ~' t; `' {04 使用 webpack-cli 体验零配置打包
. W: z7 g( I  S  j05 基础概念和常见配置项介绍(一)
% l( D# A& S+ X. `% g) V5 X06 基础概念和常见配置项介绍(二)
' i: L$ I5 ^& T+ L- n; A" G07 Webpack 中的模块化开发! R$ @( p: n( M) i
08 在 Webpack 中使用 Babel 转换 JavaScript 代码. l2 E8 {0 {" q3 b; @
09 Webpack 中使用 TypeScript 开发项目
: U+ m& h" x7 {. Z2 Z10 Webpack 中样式相关的配置8 N3 a/ l' f% E. D4 X/ j; P
11 Webpack 中使用 lint 工具来保证代码风格和质量
% y8 e' n! M. x, C12 使用 Webpack 管理项目中的静态资源
( V; ]& ]1 w2 o. [; ]$ ]2 o' `% t13 Webpack 中打包 HTML 和多页面配置
$ E% h9 |4 ?: `14 Webpack Dev Server 本地开发服务5 M! _. [8 U  K0 h
15 Webpack 中配置React和Vue开发环境/ u) D( K- u# o4 H2 z" B( [+ l
16 Webpack 环境相关配置及配置文件拆分$ ]" _3 _1 i4 Z6 e
17 Webpack 优化之体积优化
1 M. s9 l. M4 q: {7 [7 q% M18 Webpack 优化之增强缓存命中率) E' n$ j6 b" h/ S
19 使用 Webpack 的 splitChunks 功能来拆分代码
% z& H/ d: y) C0 A20 Webpack 优化之速度优化" |8 q* l" d0 N& X% E4 u
21 使用 Webpack 的 Tree-Shaking$ N8 C& w" X/ }
22 为你准备了一份 Webpack 工程化最佳实践总结) W6 ?( c3 e: p0 l4 `4 }
23 怎么调试 Webpack?: q- J( ?- N7 `1 ]# F5 ?8 ?0 j
24 Tapable —— Webpack 的核心模块
& E" e7 a/ j( f- N' W3 C* n25 Webpack 的 Compiler 和 Compilation: H5 r  N: q( R+ A( m) \8 q
26 Webpack 工作流程- x8 M# t+ o9 [8 g0 R
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的7 c. p3 ]( r" Z
28 Webpack 的模块热替换做了什么?/ m9 W) S! `% u- p. k8 m9 N
29 实战:使用 PostCSS 打造移动适配方案% z, `  c3 a3 H$ R8 @/ F
30 实战:手写一个 markdown-loader9 O( q% O( M0 b4 x9 J' b8 T0 P& U
31 实战:手写一个 prefetch-webpack-plugin 插件" U1 b$ m: |' I" L
32 实战:使用中间件来实现 Webpack-dev-server
* S6 f8 E  p' u33 实战:使用 Stats 数据结构生成 Webpack 构建报告
1 j) d4 c/ B# S. G" [" D% ~# x34 实战:给 Webpack 项目添加 modern 模式打包1 k. |' H2 b; n' U( ~6 A
35 Webpack 5.0
1 B* b) ?0 U8 v0 E% ^' W8 i' D* U! M36 课程总结
" P- l/ Y, s1 Q6 {$ F37 附录:项目中常用的插件
9 O! V$ y2 L- O' @& e. z38 附录:项目中常用的 loader4 x+ a( d. ?% I
4 u  Q% K) a8 r. E1 ^; o+ Z: r
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-6-26 09:49

Powered by paopaomj X3.5 © 2016-2025 sitemap

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