QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2543|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。7 Q1 r, b/ w* J: t: ~7 g4 O
课程目录 :" ?2 A3 D# Q# W) [# p% e7 i2 o7 l
01  使用 Webpack 实现前端工程化
  d8 Q. O4 ]' b02 什么是 Webpack
3 |8 X+ z- _7 H6 A* D03 Webpack 开发环境搭建+ N4 ~- g) [+ ?0 D! S3 z
04 使用 webpack-cli 体验零配置打包9 C+ g# ^/ o+ O& k- x
05 基础概念和常见配置项介绍(一)9 V+ n8 k4 D5 G0 m% W7 Z; ~
06 基础概念和常见配置项介绍(二)/ b0 a" c+ m/ o$ q) ?' O4 h1 g
07 Webpack 中的模块化开发
3 @- }/ C0 v7 x% n. g( R7 ?) K08 在 Webpack 中使用 Babel 转换 JavaScript 代码' {9 N8 z; [: Y* W
09 Webpack 中使用 TypeScript 开发项目& |5 y3 x' F1 Z
10 Webpack 中样式相关的配置; W; f2 y6 R- M0 e
11 Webpack 中使用 lint 工具来保证代码风格和质量5 t' h4 V5 q" ^: [( [
12 使用 Webpack 管理项目中的静态资源. {1 ]4 O6 A" }+ I3 v) J! y
13 Webpack 中打包 HTML 和多页面配置' X$ T( [* r3 i4 o* M$ d
14 Webpack Dev Server 本地开发服务- h  {& i' e) m) ?; j
15 Webpack 中配置React和Vue开发环境3 R- p" S: j% ~) y5 E
16 Webpack 环境相关配置及配置文件拆分
1 R* `7 P# Q$ Y7 l: W) j/ s/ B17 Webpack 优化之体积优化
0 P9 B2 C+ ]' q5 m+ f# K18 Webpack 优化之增强缓存命中率( Q: K6 u8 ~, _) H3 ]. [2 z
19 使用 Webpack 的 splitChunks 功能来拆分代码
( w/ L+ m! D' P* L, W20 Webpack 优化之速度优化* o* U0 m4 d: B5 W1 h" B
21 使用 Webpack 的 Tree-Shaking% T5 T8 V1 r, ]7 b/ \1 z
22 为你准备了一份 Webpack 工程化最佳实践总结
; A! c0 ?7 B7 D( R, }4 D23 怎么调试 Webpack?
6 N; o- b/ U! }" N+ M( [  L24 Tapable —— Webpack 的核心模块' `- t3 }& o2 `7 r: F) a
25 Webpack 的 Compiler 和 Compilation
6 H8 w: z5 s5 Q. x26 Webpack 工作流程5 p+ q' f; d* E$ E# U- {
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
! ?( z6 V1 y/ x4 N& R7 k& g9 `8 E28 Webpack 的模块热替换做了什么?
* ~; r+ q1 `/ H0 V* M29 实战:使用 PostCSS 打造移动适配方案8 }/ F' S- p2 h/ Y6 Y" B: q: {
30 实战:手写一个 markdown-loader% ?* d( ~* S9 P8 V' W& e$ F
31 实战:手写一个 prefetch-webpack-plugin 插件. G7 C& t9 u& H; K
32 实战:使用中间件来实现 Webpack-dev-server3 s. R/ P9 y8 a- t0 z, T1 a! P
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
5 \9 w  N5 _- G  V4 N5 y; Q/ K34 实战:给 Webpack 项目添加 modern 模式打包/ g! f$ K4 u  z2 n# Q2 i. H# d
35 Webpack 5.0: a  |/ \2 T7 I$ q/ y  J5 U
36 课程总结/ F. h3 h2 D& `$ w5 }
37 附录:项目中常用的插件  W1 \+ I/ U( S: O/ e# G+ o6 }
38 附录:项目中常用的 loader
5 Q5 ~  u8 h# z 9 I' t* ~$ U) F0 j8 F9 ^$ A+ C
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-12-16 14:04

Powered by paopaomj X3.5 © 2016-2025 sitemap

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