QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2922|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
6 H3 J7 J" `+ d, H$ P课程目录 :( s3 P0 v9 n0 ]
01  使用 Webpack 实现前端工程化
* U* k: C. K% c1 f02 什么是 Webpack1 H& k) h7 Z& M7 V
03 Webpack 开发环境搭建+ I5 m* i& A' I( M
04 使用 webpack-cli 体验零配置打包+ H) ~# l3 n8 z9 @2 G- R8 q& V
05 基础概念和常见配置项介绍(一)( w; a/ Q: T, o; w
06 基础概念和常见配置项介绍(二)
% b5 X6 n4 L* C07 Webpack 中的模块化开发
+ v$ M% r8 L0 H9 E3 u08 在 Webpack 中使用 Babel 转换 JavaScript 代码- H! Y2 r1 P) X# ^# X
09 Webpack 中使用 TypeScript 开发项目3 ~3 F8 {* P9 \* y- E* V0 M: ]
10 Webpack 中样式相关的配置
- e0 k2 N+ T0 s/ ^11 Webpack 中使用 lint 工具来保证代码风格和质量  s, v7 X* \1 |$ T2 e& ?0 h
12 使用 Webpack 管理项目中的静态资源* J9 x; f- x( U% _( O+ ]. z. P5 G
13 Webpack 中打包 HTML 和多页面配置# i( g! L; t! E) j4 f
14 Webpack Dev Server 本地开发服务
5 }7 N* j% K1 U* ~6 ]# k15 Webpack 中配置React和Vue开发环境  Y: N. K; D6 W& x
16 Webpack 环境相关配置及配置文件拆分' ]/ r1 v7 r& {& |
17 Webpack 优化之体积优化0 s  u$ s! Z, ]$ L9 @
18 Webpack 优化之增强缓存命中率
% |2 ?: k' V& a+ d, |) K19 使用 Webpack 的 splitChunks 功能来拆分代码# F7 g$ G3 M2 T  c9 n6 i, t
20 Webpack 优化之速度优化
2 N6 z" ?, W6 Z4 `21 使用 Webpack 的 Tree-Shaking4 F( i2 a* F4 B7 O
22 为你准备了一份 Webpack 工程化最佳实践总结  P$ h# W2 ?5 O, p
23 怎么调试 Webpack?, u( F! o6 t8 S( c; \
24 Tapable —— Webpack 的核心模块
* b3 E3 z: W, D2 a+ b25 Webpack 的 Compiler 和 Compilation# |$ {/ u* f8 N. M3 G
26 Webpack 工作流程
) _7 [7 R% u5 `27 从 Webpack 的产出代码来看 Webpack 是怎么执行的' J+ s! W3 a1 N
28 Webpack 的模块热替换做了什么?
. l! j' m& a) V! J3 N29 实战:使用 PostCSS 打造移动适配方案
2 w0 \, b- w# s; ~( W0 _) N2 y" s30 实战:手写一个 markdown-loader+ B2 ^: x+ V, {* ]3 X* N
31 实战:手写一个 prefetch-webpack-plugin 插件  K- G! U6 V: e  |+ A) U7 {
32 实战:使用中间件来实现 Webpack-dev-server2 M3 ^* B, H4 B
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
4 P# k% @6 u' k. s# s34 实战:给 Webpack 项目添加 modern 模式打包
2 t7 X% `# k  W7 Q6 ]' E35 Webpack 5.0  G! ?. b! a+ T! i1 z
36 课程总结, E/ Q  ?7 ~0 j- E5 F- C$ y, l
37 附录:项目中常用的插件# y5 d/ k6 x8 b1 C
38 附录:项目中常用的 loader" {2 r0 u; J; {' D# u  w" t; g
/ q, F: y- b7 a, @* j* `' R
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-6-27 23:00

Powered by paopaomj X3.5 © 2016-2025 sitemap

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