QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2788|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。# f3 Q* w( B4 L1 q% f9 C4 o) _
课程目录 :
6 q* S4 P" N& M& d01  使用 Webpack 实现前端工程化- F8 Y5 f" d7 [& P
02 什么是 Webpack( T1 T! {$ K6 ?. I2 W% y
03 Webpack 开发环境搭建
% H, I* i" I+ @  _. J04 使用 webpack-cli 体验零配置打包! d1 y4 ~! w8 r+ J7 q6 g
05 基础概念和常见配置项介绍(一)
, T  s8 p! _' y% q) ^9 z5 ~06 基础概念和常见配置项介绍(二), i: |9 w6 ?  m# }
07 Webpack 中的模块化开发
9 e) P. [, H5 J6 v/ L. ]! p08 在 Webpack 中使用 Babel 转换 JavaScript 代码7 J4 W5 @. ^( M% d$ {7 R' I
09 Webpack 中使用 TypeScript 开发项目9 M. A" J4 K- u( l' ^  b2 w
10 Webpack 中样式相关的配置
4 s; @3 k+ I5 x  T11 Webpack 中使用 lint 工具来保证代码风格和质量
" T6 a0 E. o& u12 使用 Webpack 管理项目中的静态资源) @% h4 h1 v* \* _& q
13 Webpack 中打包 HTML 和多页面配置( v# |2 ^2 `$ J6 X- S
14 Webpack Dev Server 本地开发服务1 L9 y/ m# r2 [& ]; k7 m0 j( n% n: ^
15 Webpack 中配置React和Vue开发环境8 `6 }1 u& o: O& v" D
16 Webpack 环境相关配置及配置文件拆分, O; E  z- K3 ]5 d0 y: q2 ?2 c9 U5 W
17 Webpack 优化之体积优化
7 |4 `& S1 |  n/ |; F% ?5 n0 G1 S18 Webpack 优化之增强缓存命中率' c8 h8 ~8 p0 I( D
19 使用 Webpack 的 splitChunks 功能来拆分代码
, S, p. R8 S0 L4 m& \8 |20 Webpack 优化之速度优化
* K4 C& e) ?9 q+ Z21 使用 Webpack 的 Tree-Shaking
/ j( _0 I5 d% {# b$ r2 T22 为你准备了一份 Webpack 工程化最佳实践总结# x; n% J2 Y8 l$ B
23 怎么调试 Webpack?& }9 I5 K8 ]7 L+ `) L5 ~5 o3 A
24 Tapable —— Webpack 的核心模块
7 s6 H  W' D7 y0 D: l+ k25 Webpack 的 Compiler 和 Compilation! u) ?- ]+ F9 K5 i
26 Webpack 工作流程
  L# i: b: t6 l$ p27 从 Webpack 的产出代码来看 Webpack 是怎么执行的  J3 c8 R1 W. E1 r3 I1 e
28 Webpack 的模块热替换做了什么?
! q9 }/ M& ?4 c# O! l+ s0 r! a+ f9 V29 实战:使用 PostCSS 打造移动适配方案1 g1 q$ D2 Z+ t5 V; l
30 实战:手写一个 markdown-loader
6 z( }9 b3 m8 K' n" D! [# Y31 实战:手写一个 prefetch-webpack-plugin 插件. j+ D% H# \* v5 r$ Z' O
32 实战:使用中间件来实现 Webpack-dev-server
+ P. l2 P( y! `. W: E+ L33 实战:使用 Stats 数据结构生成 Webpack 构建报告
( s9 y3 n, c: F& W; q! C2 A34 实战:给 Webpack 项目添加 modern 模式打包+ D4 G1 X2 W+ |1 Q  u" F  Q) G
35 Webpack 5.0
% `) Z% v' Z) ^9 ?' ~& m" R36 课程总结
$ ?# d4 E  C. e; d# N0 g- [37 附录:项目中常用的插件. e. S  U+ y& J7 ~2 S. r
38 附录:项目中常用的 loader* T$ }) E" Y* z1 i2 e  d* T
, l9 U4 c2 O& ]/ N
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-6-4 23:09

Powered by paopaomj X3.5 © 2016-2025 sitemap

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