QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2392|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。  |8 u0 \+ _. P3 S, l; J5 m
课程目录 :
1 {8 j$ p- j: W$ n- E# \01  使用 Webpack 实现前端工程化6 Y- y) E; @& ^# z% o8 t  ~4 M: Q
02 什么是 Webpack) A2 X3 J1 `3 X; e4 S# b; {# {
03 Webpack 开发环境搭建1 b4 ]# V0 y: H7 A
04 使用 webpack-cli 体验零配置打包" @& n5 x5 {% |6 W
05 基础概念和常见配置项介绍(一)
' n( y; k4 f9 m( l06 基础概念和常见配置项介绍(二)
4 _* D' j0 t- `" ]  {07 Webpack 中的模块化开发
# \4 Z5 u; n/ |( _3 z3 p  @9 A" j08 在 Webpack 中使用 Babel 转换 JavaScript 代码; ]% V$ J; i- I2 t) c2 ~# d$ ^5 h
09 Webpack 中使用 TypeScript 开发项目
* R  E8 q! k& I9 R( }, B10 Webpack 中样式相关的配置
6 L, c$ ^: ?: {0 W9 N/ z$ o11 Webpack 中使用 lint 工具来保证代码风格和质量, _$ H" u  V& V  u
12 使用 Webpack 管理项目中的静态资源% `' i! j* [, L$ h/ n
13 Webpack 中打包 HTML 和多页面配置& v0 e2 ]4 t6 r" T! V7 ^
14 Webpack Dev Server 本地开发服务5 W! z1 z1 q! _* o8 I
15 Webpack 中配置React和Vue开发环境4 H' B  i; l& W9 ?% t* A# }* D
16 Webpack 环境相关配置及配置文件拆分0 ?# u0 t" N! G- k( J
17 Webpack 优化之体积优化
4 A/ a4 B3 \8 R, X18 Webpack 优化之增强缓存命中率
5 @2 @* V6 k" f- F- W, V4 w: H19 使用 Webpack 的 splitChunks 功能来拆分代码4 x7 I) }: l/ E! Y% U
20 Webpack 优化之速度优化" c6 c8 y7 g8 Q, `' x0 p
21 使用 Webpack 的 Tree-Shaking: F1 [+ t8 C' G
22 为你准备了一份 Webpack 工程化最佳实践总结9 t2 M# a* \; b$ i% g! b
23 怎么调试 Webpack?
5 r: V. p  W0 n1 T( L- W. x24 Tapable —— Webpack 的核心模块* W. j9 Q1 O2 A
25 Webpack 的 Compiler 和 Compilation
3 F% k+ X! w5 B/ g2 T9 j7 q26 Webpack 工作流程
4 B2 |9 }1 W9 V+ d1 `- m! x' b+ e27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
: @1 b% m7 p0 g: w  M: @% V28 Webpack 的模块热替换做了什么?- T1 f5 B& O/ ]5 F& k& M' J/ G
29 实战:使用 PostCSS 打造移动适配方案
( `5 v- O  U+ L; t' w. Q30 实战:手写一个 markdown-loader
# @, r- `* g  D3 U8 V( o+ B$ O31 实战:手写一个 prefetch-webpack-plugin 插件
: B" C' m" K7 t/ j* l) l" H1 A32 实战:使用中间件来实现 Webpack-dev-server2 K7 }: W- J% h
33 实战:使用 Stats 数据结构生成 Webpack 构建报告. v8 H9 }% Q* `# \, ?3 D
34 实战:给 Webpack 项目添加 modern 模式打包
3 h, H3 I* @5 U* P! {1 R35 Webpack 5.00 p. g3 p" d# K" Z
36 课程总结
9 Y6 L/ E* v+ r1 k: {37 附录:项目中常用的插件3 R9 S5 H) K4 I( g3 o0 g
38 附录:项目中常用的 loader$ {3 M+ ~6 k' `

. d( Q; Y; L) ^2 `4 } 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-8-24 02:33

Powered by paopaomj X3.5 © 2016-2025 sitemap

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