QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2655|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。0 w: [4 u4 G+ i4 q/ E4 s
课程目录 :
8 q% x% i: w2 X6 A9 z01  使用 Webpack 实现前端工程化1 m% n+ s$ b% F( }9 V% W) t# m
02 什么是 Webpack! {0 u5 ~" O2 N* n2 A6 m. |
03 Webpack 开发环境搭建
# i6 u6 B! U) I- o4 S04 使用 webpack-cli 体验零配置打包
# ]' a  R$ k8 q7 ?8 M. m& {05 基础概念和常见配置项介绍(一)) O: s1 v* C) s2 X& o
06 基础概念和常见配置项介绍(二)% `$ c" K6 V4 ~- d
07 Webpack 中的模块化开发
9 |7 z1 G7 g5 R! ^1 z! Y08 在 Webpack 中使用 Babel 转换 JavaScript 代码
" \3 Z. }- h6 `; i09 Webpack 中使用 TypeScript 开发项目
+ Z# ]' b/ S! d" d* q2 j+ |10 Webpack 中样式相关的配置
1 ~( ]' D  V% E% K: ~$ s- ^' z11 Webpack 中使用 lint 工具来保证代码风格和质量
5 a2 t. t/ Z6 n: d" p* a12 使用 Webpack 管理项目中的静态资源6 T, Z% }4 a0 M% u  p! T" F% C
13 Webpack 中打包 HTML 和多页面配置# d: E6 s1 o5 _6 M  t0 d+ E
14 Webpack Dev Server 本地开发服务( f9 x, t+ H% B$ A7 T8 ?: U4 N
15 Webpack 中配置React和Vue开发环境
+ }: f# B0 s; }. S/ A: U2 r, ?: c16 Webpack 环境相关配置及配置文件拆分
' q6 v# {* O. z' ]3 e# H4 O7 a17 Webpack 优化之体积优化
' K$ T3 Q0 c8 A7 S4 Q2 C18 Webpack 优化之增强缓存命中率
8 I$ Q/ L- @; O, s19 使用 Webpack 的 splitChunks 功能来拆分代码/ ]& S4 L0 M4 Z
20 Webpack 优化之速度优化8 U% A  @# V: E& A" i$ c
21 使用 Webpack 的 Tree-Shaking3 f$ m3 s8 E- h3 X5 @
22 为你准备了一份 Webpack 工程化最佳实践总结
' H8 ?: D  S6 P& [! p1 F  [23 怎么调试 Webpack?1 m* x/ p* o: x2 N) j1 P) e
24 Tapable —— Webpack 的核心模块
4 c- w1 }" M9 P/ c5 b2 O0 o25 Webpack 的 Compiler 和 Compilation/ ^( n0 r  L0 F
26 Webpack 工作流程4 S' ~5 V/ \" ]- h, R) O3 `% n
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的1 n( \) v2 c! S+ O
28 Webpack 的模块热替换做了什么?
9 S8 f3 B& ^* d' _* r* [9 J- _29 实战:使用 PostCSS 打造移动适配方案9 M, f& J9 {; K- c- R2 c
30 实战:手写一个 markdown-loader+ D+ D% `. x- Z! w
31 实战:手写一个 prefetch-webpack-plugin 插件
& W$ E2 ?. H* c32 实战:使用中间件来实现 Webpack-dev-server
9 Y" k  V! k8 z* x: @33 实战:使用 Stats 数据结构生成 Webpack 构建报告. Y  y( o* [' L1 e0 n3 w
34 实战:给 Webpack 项目添加 modern 模式打包5 |! m5 o5 Q# B  M
35 Webpack 5.03 r4 \0 {: D7 b0 X( t2 p
36 课程总结
6 p$ O2 |; Y. u: C8 ]37 附录:项目中常用的插件
% M% r6 x( m; s( U/ y% F38 附录:项目中常用的 loader
; X1 A& s! D" s- g9 o+ h) ?# ? ' ?$ i5 W" L/ T) P6 X
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-4-1 11:03

Powered by paopaomj X3.5 © 2016-2025 sitemap

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