QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2413|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

积分成就    金币 : 2861
   泡泡 : 1516
   精华 : 6
   在线时间 : 1321 小时
   最后登录 : 2025-7-9

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。6 i2 v2 g- c6 a+ g6 i/ F/ z
课程目录 :, V) e$ |2 E  x3 u+ x
01  使用 Webpack 实现前端工程化& J. k* o) \7 D$ T, r6 u
02 什么是 Webpack2 t" c5 X. s% F1 l4 W. H; z
03 Webpack 开发环境搭建# r5 T- y! ^* m5 o6 j1 _7 y
04 使用 webpack-cli 体验零配置打包
* X4 q8 m5 E( a9 u* Q05 基础概念和常见配置项介绍(一)
' Q5 r5 n" K  W/ t. I' O06 基础概念和常见配置项介绍(二); F' Z; `% k. ~6 u! Q5 M% V
07 Webpack 中的模块化开发
3 a! h) ]: a7 ^, F- f5 Y6 T08 在 Webpack 中使用 Babel 转换 JavaScript 代码- s7 f9 B4 K  J) P7 k" u
09 Webpack 中使用 TypeScript 开发项目% i' o: `. F4 P) A! u3 P: o
10 Webpack 中样式相关的配置
0 r" R  ?8 z0 M- W+ M11 Webpack 中使用 lint 工具来保证代码风格和质量
% i+ |& d7 ^. z0 G* A# A12 使用 Webpack 管理项目中的静态资源
3 v3 h7 W7 F( j+ i5 v# D$ C13 Webpack 中打包 HTML 和多页面配置
( m# t$ k$ b5 ]5 d, H: o14 Webpack Dev Server 本地开发服务, J- I* A. G* W3 U
15 Webpack 中配置React和Vue开发环境* H' q7 F/ p/ u  s9 J! M: B
16 Webpack 环境相关配置及配置文件拆分. Z6 D4 y/ p" q$ r
17 Webpack 优化之体积优化
. I, q/ t+ C8 X) p" Y8 [  a18 Webpack 优化之增强缓存命中率
! o/ Z* X! Z% ^8 t" t19 使用 Webpack 的 splitChunks 功能来拆分代码
3 i5 `; |$ [+ }5 e/ }: O; Z. z20 Webpack 优化之速度优化2 g. U, g5 X: ?, S; x6 R+ Z
21 使用 Webpack 的 Tree-Shaking* |7 \( B0 u# x. ^8 t
22 为你准备了一份 Webpack 工程化最佳实践总结
3 }7 }+ H/ {  c) E! H23 怎么调试 Webpack?, _: y% Y( m# M" y
24 Tapable —— Webpack 的核心模块
- E, y; g$ [$ [! ^  g+ {25 Webpack 的 Compiler 和 Compilation: R3 {7 n/ Y$ q6 w
26 Webpack 工作流程3 T+ c. n( R4 L; {# o
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
# z4 R6 i/ _( J, l7 S9 G7 [( E1 `28 Webpack 的模块热替换做了什么?
. s# r  Y" _0 t# X29 实战:使用 PostCSS 打造移动适配方案
. y4 t! L, X* U30 实战:手写一个 markdown-loader7 {6 Z/ }) `* A6 u* B
31 实战:手写一个 prefetch-webpack-plugin 插件, E* x- R4 p; m- F; R$ k
32 实战:使用中间件来实现 Webpack-dev-server
1 }) A! P* G" u3 R, r33 实战:使用 Stats 数据结构生成 Webpack 构建报告: e8 m  [& z! ^1 x
34 实战:给 Webpack 项目添加 modern 模式打包
: y. V" l. M% ^0 i. D35 Webpack 5.0
5 @' J) Q3 L. u! o8 g0 s) w36 课程总结$ m" S/ v, x2 W) L2 ~+ |
37 附录:项目中常用的插件9 \. @. @5 g. W& V/ T. U  [% K
38 附录:项目中常用的 loader
$ w3 a. S$ n  V , p% n. w& T# D& p' P+ n. ]
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-9-3 22:37

Powered by paopaomj X3.5 © 2016-2025 sitemap

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