QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 3086|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。6 ?0 h6 p# K! d  \' ?' Z# c: g6 c
课程目录 :
6 h' o) |) w( `; }8 ^/ M& \+ u01  使用 Webpack 实现前端工程化
! C8 _0 p- V# n  w02 什么是 Webpack# X0 a# b. e( G6 g" H
03 Webpack 开发环境搭建
/ m3 J5 {+ L  X$ r" i0 ]: P04 使用 webpack-cli 体验零配置打包
6 R2 j& x, H' y05 基础概念和常见配置项介绍(一)7 _5 r% O3 h( v  k0 E* j5 z+ ]
06 基础概念和常见配置项介绍(二)
3 n+ K* U" m# N5 S# y" W07 Webpack 中的模块化开发! g  x, W* H$ m4 B% e
08 在 Webpack 中使用 Babel 转换 JavaScript 代码
( K7 k% |, Y! V0 x09 Webpack 中使用 TypeScript 开发项目- J" b: A: \* _( @+ L
10 Webpack 中样式相关的配置
3 }( N3 _& `! s. x! M  W$ o11 Webpack 中使用 lint 工具来保证代码风格和质量
( X: j$ v( {4 m4 V12 使用 Webpack 管理项目中的静态资源
- H. `' p7 F) q, ^% Y7 o13 Webpack 中打包 HTML 和多页面配置
: _6 G  a2 \5 Y9 w& t14 Webpack Dev Server 本地开发服务
8 g, \4 c7 N  F! q- ]1 m15 Webpack 中配置React和Vue开发环境
4 X6 j0 x+ a8 m16 Webpack 环境相关配置及配置文件拆分) Y4 t2 a  j) \+ a* K# p( Y' e" b- W
17 Webpack 优化之体积优化3 O$ ?2 f- Q+ n' N5 J9 J7 |- d( s
18 Webpack 优化之增强缓存命中率8 b& Z* w+ o( b+ Z4 C
19 使用 Webpack 的 splitChunks 功能来拆分代码
+ ~& \2 g5 V- X! t* l  _. i20 Webpack 优化之速度优化
& v& E/ J* S! u( B21 使用 Webpack 的 Tree-Shaking
& F9 Y( R; Q* `6 ?22 为你准备了一份 Webpack 工程化最佳实践总结
' k! G# o. L* a- s% b23 怎么调试 Webpack?: p, W. q9 u  ~, }/ N. g
24 Tapable —— Webpack 的核心模块1 n3 o9 ?1 a; |/ V2 S4 V
25 Webpack 的 Compiler 和 Compilation  V/ H2 d, I! Y# B3 N# {  p  T/ ?# W7 d
26 Webpack 工作流程. A  a1 ?9 Z9 D* Y* l4 V
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的4 V1 V; b! v5 T9 ~- m  V
28 Webpack 的模块热替换做了什么?2 ~4 s& ^# y3 K
29 实战:使用 PostCSS 打造移动适配方案( y1 S% ]# {- v) K
30 实战:手写一个 markdown-loader
( n8 G' D6 g2 [31 实战:手写一个 prefetch-webpack-plugin 插件1 d* w. [* d4 A  }
32 实战:使用中间件来实现 Webpack-dev-server
/ |2 L' |( d5 s6 t33 实战:使用 Stats 数据结构生成 Webpack 构建报告. Q: l/ [& f# I
34 实战:给 Webpack 项目添加 modern 模式打包, z' A" G& J+ N9 u
35 Webpack 5.08 v1 l+ J% M: O, C2 g. C5 @2 m
36 课程总结
1 O5 g5 k( c4 O7 O/ D: _37 附录:项目中常用的插件
) F8 s* P. C, n" l& y4 M6 e4 j38 附录:项目中常用的 loader, e% R4 Y( h) {/ U( d5 u  S" R

! T$ {, t1 r7 M' i1 y) t 1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

Powered by paopaomj X3.5 © 2016-2025 sitemap

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