QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2266|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

积分成就    金币 : 2857
   泡泡 : 1516
   精华 : 6
   在线时间 : 1319 小时
   最后登录 : 2025-5-14

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。. T8 E$ g5 z. T& u6 H
课程目录 :( _1 P+ q# Q# [
01  使用 Webpack 实现前端工程化
9 P* s  W* N  w$ @' J* A% |02 什么是 Webpack7 p& \: U3 x6 c- E! b
03 Webpack 开发环境搭建! N& M" {! o( S  V0 d
04 使用 webpack-cli 体验零配置打包
' f' q5 j5 K+ v% k05 基础概念和常见配置项介绍(一)4 F7 A! H; ]0 E2 w/ `5 B1 [9 z8 [% i
06 基础概念和常见配置项介绍(二)5 V1 s* D6 ?6 H. X5 H
07 Webpack 中的模块化开发
, g( P) h1 }. p1 K% z* q' D5 O08 在 Webpack 中使用 Babel 转换 JavaScript 代码5 X) Z! Z: d( _" [9 o9 i; L- Y
09 Webpack 中使用 TypeScript 开发项目
: Y+ e/ r: @+ X/ e% {* S; {: W10 Webpack 中样式相关的配置  `* U3 M( d% d/ ~" q5 f
11 Webpack 中使用 lint 工具来保证代码风格和质量4 W( j; F& ^# h. ]3 ~5 T. p
12 使用 Webpack 管理项目中的静态资源% y# b5 s: u: n4 Y/ r) U; I3 X
13 Webpack 中打包 HTML 和多页面配置( y+ F) e9 ~& y
14 Webpack Dev Server 本地开发服务) |) A' s3 ]5 ~" ]
15 Webpack 中配置React和Vue开发环境
, A, O) d* g8 y3 K16 Webpack 环境相关配置及配置文件拆分
: |8 n/ e' J' D, _17 Webpack 优化之体积优化
4 C' k4 ~4 u: q, Z/ {" g- Q18 Webpack 优化之增强缓存命中率
* q( i' `8 B$ l19 使用 Webpack 的 splitChunks 功能来拆分代码
; J+ T3 b" j6 D1 q  d0 ]; }( C5 U. ^20 Webpack 优化之速度优化3 k, o1 L  m0 S% o
21 使用 Webpack 的 Tree-Shaking4 a2 ]) n7 J6 E
22 为你准备了一份 Webpack 工程化最佳实践总结
8 W' f2 A) r8 U# T6 ^% }23 怎么调试 Webpack?) |$ A" h* o+ u
24 Tapable —— Webpack 的核心模块3 C: m) Y+ v8 M5 k; Y
25 Webpack 的 Compiler 和 Compilation
! `0 O/ E! X% j6 Y26 Webpack 工作流程
3 {" b$ [( r2 a1 ^7 A27 从 Webpack 的产出代码来看 Webpack 是怎么执行的; [: p7 }! k- \& p1 u0 b7 w
28 Webpack 的模块热替换做了什么?
) j, g, k. r+ \3 {; B& k+ E7 s29 实战:使用 PostCSS 打造移动适配方案
- y' t+ ?6 x; Q+ X  A: F- w1 U30 实战:手写一个 markdown-loader% W( E: A% O: f, t& u* c# h' T
31 实战:手写一个 prefetch-webpack-plugin 插件" }5 l% p1 c; y; d2 }: ^
32 实战:使用中间件来实现 Webpack-dev-server
  B. }' h0 Z2 j5 H; o/ w* `* ?33 实战:使用 Stats 数据结构生成 Webpack 构建报告
- c: @3 I; u; U! ~# b- s34 实战:给 Webpack 项目添加 modern 模式打包2 Q( C3 m+ A3 @
35 Webpack 5.0+ I3 }6 q, ?. A( B+ P8 g: h
36 课程总结  h7 Y" m+ r9 m& J" K. Q
37 附录:项目中常用的插件5 f$ M# @6 A' G
38 附录:项目中常用的 loader
" F$ }1 s8 u; {1 I6 L/ p9 I
7 m) w2 R  P$ _ 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-6-9 13:01

Powered by paopaomj X3.5 © 2016-2025 sitemap

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