QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 3126|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。: Z# Z2 C1 `& C7 N. b( b
课程目录 :
6 j. `3 @; E7 B) Y9 M01  使用 Webpack 实现前端工程化; j4 S. Y+ x% d' b8 K
02 什么是 Webpack# U+ o$ x4 ]# y, O  k4 I' T8 Z1 h7 i
03 Webpack 开发环境搭建: `  m- Y& F' e# p6 t
04 使用 webpack-cli 体验零配置打包) ^/ S3 e+ k8 l( Q3 s
05 基础概念和常见配置项介绍(一)) [/ a7 z3 N# c6 M. _1 C
06 基础概念和常见配置项介绍(二)
( U  ?! t$ K* L' m1 X07 Webpack 中的模块化开发
9 q4 n& w8 I- \. ?. `08 在 Webpack 中使用 Babel 转换 JavaScript 代码
# L$ L7 [/ `8 c4 Z8 g2 C09 Webpack 中使用 TypeScript 开发项目
; f. F0 e2 ?; w2 Q10 Webpack 中样式相关的配置
9 l+ [2 T! A1 F' C11 Webpack 中使用 lint 工具来保证代码风格和质量
1 Z$ H; l7 b/ k5 s8 L12 使用 Webpack 管理项目中的静态资源
0 `, h' m0 ?0 Y. B7 b+ w13 Webpack 中打包 HTML 和多页面配置
* c2 Q) W, U5 b% K14 Webpack Dev Server 本地开发服务
# G9 Y# S0 S1 G% Z& F5 ?% t6 w15 Webpack 中配置React和Vue开发环境
3 u7 w2 D; G5 V; x% y2 E/ r16 Webpack 环境相关配置及配置文件拆分; h6 ]& Q4 M8 {  T7 q7 |- G
17 Webpack 优化之体积优化, G* a0 M/ X* {( I* z
18 Webpack 优化之增强缓存命中率0 o3 s# ]3 e) O# Q# |
19 使用 Webpack 的 splitChunks 功能来拆分代码
' D6 Q6 K: r6 z4 U) I: q& J20 Webpack 优化之速度优化
7 K$ {* _4 @( J9 o' `21 使用 Webpack 的 Tree-Shaking8 f8 x- A5 z! A5 C: k
22 为你准备了一份 Webpack 工程化最佳实践总结3 {2 }" U. X" Y* W4 S9 O6 n# n' ~
23 怎么调试 Webpack?$ @; F9 w0 h8 v2 N  s& a: r
24 Tapable —— Webpack 的核心模块
3 U" D5 W: U% l. O. H. A25 Webpack 的 Compiler 和 Compilation
7 a) ^8 d5 X9 H* S2 c* h' _0 w: ]26 Webpack 工作流程
! b* z- n* S; {7 X$ i7 q27 从 Webpack 的产出代码来看 Webpack 是怎么执行的- z) N' Y6 V4 N6 L/ q
28 Webpack 的模块热替换做了什么?
2 l( @: y% u% B29 实战:使用 PostCSS 打造移动适配方案6 D1 `( Y5 w2 d0 K8 u1 v1 Y  K
30 实战:手写一个 markdown-loader* `2 A4 A4 q1 ~4 u* ~; `5 y2 j0 m& g
31 实战:手写一个 prefetch-webpack-plugin 插件
6 r: J1 ~6 g: R- P8 k32 实战:使用中间件来实现 Webpack-dev-server
, [$ f/ V4 L! A% K9 |, |33 实战:使用 Stats 数据结构生成 Webpack 构建报告
2 j; d" h, O: O" [% p5 k34 实战:给 Webpack 项目添加 modern 模式打包
4 i9 q5 c, i7 R. L35 Webpack 5.0* F3 s! }1 W" O0 a2 H
36 课程总结, e, N, I) p5 V; N& q- d
37 附录:项目中常用的插件
! ?7 m* L% N9 ~; ?- h38 附录:项目中常用的 loader
$ ]' t, O* A1 w; r/ K: k" N
" E$ e9 u- b. G% R7 ~ 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-8-21 21:16

Powered by paopaomj X3.5 © 2016-2025 sitemap

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