QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 3085|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。' d" j( w7 m/ Q
课程目录 :* R3 y7 a1 k' A; N1 t; U
01  使用 Webpack 实现前端工程化0 e% ?2 z2 M8 X. K' g  |
02 什么是 Webpack8 s2 }, y" |: Q$ H" G* @1 X( h
03 Webpack 开发环境搭建
: K' v+ |( z9 D2 z04 使用 webpack-cli 体验零配置打包! P% p9 d+ k% _- e1 f( n# V! R
05 基础概念和常见配置项介绍(一)
* R6 d( x$ `, E, a7 ?; O06 基础概念和常见配置项介绍(二)
4 g0 N6 e0 ~0 S7 Z% _07 Webpack 中的模块化开发
0 E1 O% @% u1 z3 d( ?0 \, W2 }08 在 Webpack 中使用 Babel 转换 JavaScript 代码
2 C+ T- f: H& S! R/ }1 N09 Webpack 中使用 TypeScript 开发项目
# Z! r! f5 ~' [, ^9 w10 Webpack 中样式相关的配置7 O- t1 h: g( {/ P1 @, Y& Q1 L2 x
11 Webpack 中使用 lint 工具来保证代码风格和质量. i  w( [# z3 s9 w
12 使用 Webpack 管理项目中的静态资源8 ]) V: B2 q/ a) n3 S
13 Webpack 中打包 HTML 和多页面配置+ V% w4 O5 H$ E% Y& c3 s
14 Webpack Dev Server 本地开发服务
3 I) E; l! J9 q% S15 Webpack 中配置React和Vue开发环境& }3 q+ V: C& ~
16 Webpack 环境相关配置及配置文件拆分8 {) S( S* F% ^
17 Webpack 优化之体积优化/ w& w% Z5 K9 c" [& K% Q
18 Webpack 优化之增强缓存命中率2 Z2 i* P# f$ g8 n; c. [3 {
19 使用 Webpack 的 splitChunks 功能来拆分代码( c6 b$ I4 T* k
20 Webpack 优化之速度优化; o4 m  M9 q: U% j
21 使用 Webpack 的 Tree-Shaking
- x  j! I* y0 w# ?! D22 为你准备了一份 Webpack 工程化最佳实践总结: [' F) b0 s% T% |1 \& j1 W0 I
23 怎么调试 Webpack?
: s/ W1 i. j" R6 ?5 P8 O24 Tapable —— Webpack 的核心模块) M( m9 k% L; i4 L& F
25 Webpack 的 Compiler 和 Compilation
, s$ f" n4 ^5 J' Q" S26 Webpack 工作流程
/ b1 d' K" l2 A" ?27 从 Webpack 的产出代码来看 Webpack 是怎么执行的. x9 z  I) d, F
28 Webpack 的模块热替换做了什么?
) m4 b! B# g/ \' k4 C2 J/ ~29 实战:使用 PostCSS 打造移动适配方案0 U* N% s$ x: p2 P$ A
30 实战:手写一个 markdown-loader
" e8 s( f+ m. Q7 n6 h31 实战:手写一个 prefetch-webpack-plugin 插件
! y- d6 B, t, ?. K! q' d( Y) X32 实战:使用中间件来实现 Webpack-dev-server
5 A# L* U* P2 i. E( g* z: k33 实战:使用 Stats 数据结构生成 Webpack 构建报告6 M# L2 f; V0 F
34 实战:给 Webpack 项目添加 modern 模式打包
5 k% v% O9 d/ ]; k35 Webpack 5.0& p4 M8 \8 }0 D: D* \; {. C% M
36 课程总结9 g4 ^  j2 t, ]) Y% C; ]" {; p
37 附录:项目中常用的插件
8 i! E0 d1 _5 H2 J% r5 v38 附录:项目中常用的 loader
/ J; r# T' D1 X) z8 a' \
- ]7 O! {  e9 ]$ u0 V$ \ 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-7-28 16:33

Powered by paopaomj X3.5 © 2016-2025 sitemap

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