QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2546|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
- e& f$ o) c  y7 Z课程目录 :
: ^3 d( @# l) Y2 T( ?01  使用 Webpack 实现前端工程化
1 Y3 l7 k+ X  R1 V02 什么是 Webpack
) E2 x, d) ]) J# p" {2 E03 Webpack 开发环境搭建% P  y/ x' m0 E, |0 g$ W
04 使用 webpack-cli 体验零配置打包9 l1 M& r% ~5 ^3 [) y
05 基础概念和常见配置项介绍(一)# B: M2 k/ Y) I2 h& c/ t2 y7 f" H
06 基础概念和常见配置项介绍(二)
! h' v2 p" A: `/ [( m. N, V# Y07 Webpack 中的模块化开发
- }( ?- t  d! W6 b08 在 Webpack 中使用 Babel 转换 JavaScript 代码! I6 T# D& ^/ |3 F: q& U
09 Webpack 中使用 TypeScript 开发项目& [, z& v* T; ~' ?+ T! P5 W
10 Webpack 中样式相关的配置) J- j1 l0 ^- m, _
11 Webpack 中使用 lint 工具来保证代码风格和质量
. p7 Q8 l! M4 p. T7 G12 使用 Webpack 管理项目中的静态资源
7 D7 f8 _) `" u13 Webpack 中打包 HTML 和多页面配置  _9 s, R$ P5 [+ B. x
14 Webpack Dev Server 本地开发服务
/ A1 x3 R. Z- j2 e; L" @15 Webpack 中配置React和Vue开发环境
" J9 [- {: i* M4 b8 H# K  o16 Webpack 环境相关配置及配置文件拆分
' ^4 x9 E% H* b: F17 Webpack 优化之体积优化. m9 ]: }5 r! E
18 Webpack 优化之增强缓存命中率- S' f. X/ I) }
19 使用 Webpack 的 splitChunks 功能来拆分代码1 f& v) X( i. s8 W% f3 m# F- F  N1 n* |
20 Webpack 优化之速度优化
  g. c: S; V5 D1 |* x$ A21 使用 Webpack 的 Tree-Shaking8 ^$ V( I4 D+ q5 u2 t4 `
22 为你准备了一份 Webpack 工程化最佳实践总结9 d4 g. T7 ?, K5 ^; `" \9 a$ v9 ]
23 怎么调试 Webpack?
! b* v( G1 u  k) X( _. j5 t24 Tapable —— Webpack 的核心模块7 M) N8 R7 V- R& W2 T8 j
25 Webpack 的 Compiler 和 Compilation  w% |& Y$ z# i+ c/ e& S' S! b
26 Webpack 工作流程4 w& {8 i5 g7 S9 _. a
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
- ^: Y6 L  F. z% H. ]' x* p8 n' U28 Webpack 的模块热替换做了什么?5 D, K! c" `, B8 h6 G7 o9 P5 b
29 实战:使用 PostCSS 打造移动适配方案
; B: W3 j* ~2 w, O( |$ O% ?30 实战:手写一个 markdown-loader
! c, p# C4 v1 P) |* J* o5 j31 实战:手写一个 prefetch-webpack-plugin 插件, a+ A6 v* {/ ^; w# ], q& P/ m
32 实战:使用中间件来实现 Webpack-dev-server
8 c3 g- _; q; X0 t0 S8 Q33 实战:使用 Stats 数据结构生成 Webpack 构建报告
. |9 m  N. h/ b* |0 O/ y7 |/ l! [34 实战:给 Webpack 项目添加 modern 模式打包
3 P0 c; R* `7 l% Z' _/ x: z! [35 Webpack 5.0& G6 |) M9 a+ \
36 课程总结
1 U! C4 \& g2 M8 w- @, o37 附录:项目中常用的插件+ V$ y5 P, t  d7 K0 I
38 附录:项目中常用的 loader; Y" U8 @) {: n. S& V0 e, Z" T

, |9 K" C, K9 Z: D 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-12-21 10:11

Powered by paopaomj X3.5 © 2016-2025 sitemap

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