QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2444|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。* K# f5 a! A9 [1 g  i3 z
课程目录 :
' H% k3 g; e( z3 V% n+ U01  使用 Webpack 实现前端工程化8 _1 }$ w; `9 z* L* \# L& r
02 什么是 Webpack! Z6 }- m, V( [- G/ `; R
03 Webpack 开发环境搭建
  r* K2 m* D7 E  E' I2 U3 a- T04 使用 webpack-cli 体验零配置打包
, n2 d/ e8 U& L. a. c3 X5 n2 i) Z/ M05 基础概念和常见配置项介绍(一)
: a5 W( d: t& c" S1 i' V. N06 基础概念和常见配置项介绍(二)9 m1 I+ l- ~7 t5 a; {
07 Webpack 中的模块化开发
/ T. X" s  W) f7 ~( `- k" }* K1 w2 A08 在 Webpack 中使用 Babel 转换 JavaScript 代码
0 Q, F! i& ?" l& h$ x& T3 w09 Webpack 中使用 TypeScript 开发项目. d8 U' |8 @& k# d* c, K, O  M
10 Webpack 中样式相关的配置
- h1 x7 d) k9 B7 }! p' c( ]; E- n11 Webpack 中使用 lint 工具来保证代码风格和质量
1 N' x2 a+ n+ S6 ]& N% l. E/ x12 使用 Webpack 管理项目中的静态资源" B% d- N! u# _5 |& ]# H) v
13 Webpack 中打包 HTML 和多页面配置. M% s/ v* {8 g* f6 o" L
14 Webpack Dev Server 本地开发服务$ l5 u' ^5 N/ k
15 Webpack 中配置React和Vue开发环境6 _9 p9 _0 P# P
16 Webpack 环境相关配置及配置文件拆分
# V' ]( f! P0 C; a5 v17 Webpack 优化之体积优化: b5 \. E0 n: k3 Z, L* p5 i
18 Webpack 优化之增强缓存命中率2 @& M* y, X- E6 [' d; h
19 使用 Webpack 的 splitChunks 功能来拆分代码9 f6 t* n: C0 k/ O! K* s! I
20 Webpack 优化之速度优化
" Z1 R* S9 d( T; z9 v21 使用 Webpack 的 Tree-Shaking
. B# w8 v5 Y& Y6 H6 ?+ i1 c5 [22 为你准备了一份 Webpack 工程化最佳实践总结3 n3 X- k: s0 A! V# W. C. G# p
23 怎么调试 Webpack?
9 l: |( T0 M6 \  X, y24 Tapable —— Webpack 的核心模块
% ~; }( P. h& S1 Z3 V4 E25 Webpack 的 Compiler 和 Compilation9 {0 y5 f: Z/ \1 c  J
26 Webpack 工作流程4 O$ R6 q$ l5 X" C+ e! T' F1 K
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的- @6 n) Q: i* O7 p$ q" P% x
28 Webpack 的模块热替换做了什么?
1 P- t$ \* {* a( ~29 实战:使用 PostCSS 打造移动适配方案( q* n, l" d1 X8 O0 ?
30 实战:手写一个 markdown-loader
+ {' c" ?8 I1 q: A# `; x% G31 实战:手写一个 prefetch-webpack-plugin 插件, }6 k! i, q: C* t
32 实战:使用中间件来实现 Webpack-dev-server
! }. M1 }7 q, O: z33 实战:使用 Stats 数据结构生成 Webpack 构建报告
% Y0 I5 q8 ~+ P, T7 ]! t2 u; a& A3 z. |34 实战:给 Webpack 项目添加 modern 模式打包1 I- Z' W8 B7 z7 b5 a  }! l4 t/ B
35 Webpack 5.0
6 Q1 s' |5 [& v; I/ G. R5 O/ n36 课程总结) P  G. A# p* h
37 附录:项目中常用的插件+ R6 w0 |, h0 G- `
38 附录:项目中常用的 loader
% R' ?, E% D/ c* n$ N# k
2 N6 S; e8 ?. y0 L6 s2 W$ X2 @* h 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-10-7 10:50

Powered by paopaomj X3.5 © 2016-2025 sitemap

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