QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2686|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
! x- n: ~; f4 Y' K3 G课程目录 :
* N; G, Y, h6 g) c; s01  使用 Webpack 实现前端工程化3 R- @, D" b- ?. B
02 什么是 Webpack7 ?) t- a- r# D; S: V8 S
03 Webpack 开发环境搭建) W0 v# L$ K; {5 M0 _* S$ w3 c$ o
04 使用 webpack-cli 体验零配置打包
' c+ O+ S1 Z7 I# j. s3 k5 ^8 C% n05 基础概念和常见配置项介绍(一)
/ o+ b6 G$ S9 c7 ?06 基础概念和常见配置项介绍(二)! F7 o- ?0 I- A& ~: o4 s/ ?
07 Webpack 中的模块化开发! v* k0 j- f8 b1 I2 R
08 在 Webpack 中使用 Babel 转换 JavaScript 代码% g2 }+ q' F6 S( d# r  Z  G2 N
09 Webpack 中使用 TypeScript 开发项目+ p. }& }; o( [- q% K" s! s  T# O0 p2 ~
10 Webpack 中样式相关的配置8 a- d9 ]" f. N- t  e
11 Webpack 中使用 lint 工具来保证代码风格和质量  S5 B: R/ q  Z* n
12 使用 Webpack 管理项目中的静态资源5 X. _4 W6 O" H( S4 l' F% f; I/ p" n
13 Webpack 中打包 HTML 和多页面配置: s. ~1 g9 P1 c- P( G, j
14 Webpack Dev Server 本地开发服务9 {7 P; `) k* ]7 T
15 Webpack 中配置React和Vue开发环境* {2 w& A% l. A. x
16 Webpack 环境相关配置及配置文件拆分
% E! c/ N% \* F8 O$ {% ?6 X17 Webpack 优化之体积优化
, l/ [. N& P; v3 {8 A  \18 Webpack 优化之增强缓存命中率4 [- h" R( u( G; T8 ^3 q7 I
19 使用 Webpack 的 splitChunks 功能来拆分代码( p/ a+ L0 y3 S( m- |8 ?: }
20 Webpack 优化之速度优化/ @3 b& W5 f) s$ ^3 d
21 使用 Webpack 的 Tree-Shaking; o- m+ r% p' x% f: r* C  H% k
22 为你准备了一份 Webpack 工程化最佳实践总结7 Z; }) _4 a$ u# r8 s& P8 ?
23 怎么调试 Webpack?& [" [* U8 w# b* i6 z1 Z* W
24 Tapable —— Webpack 的核心模块
3 u& q% n- q, j2 S25 Webpack 的 Compiler 和 Compilation
; z2 P9 c: \  O8 f( r9 p26 Webpack 工作流程
) `5 K- N. h6 {27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
4 d0 o" V" X2 A; Y28 Webpack 的模块热替换做了什么?
- k1 u' o/ K* R29 实战:使用 PostCSS 打造移动适配方案& E* U4 b2 S1 t( }' i. G  y; U
30 实战:手写一个 markdown-loader
& o) J8 B. l$ ?/ V0 C8 r31 实战:手写一个 prefetch-webpack-plugin 插件
, N# f  R! p: f. U32 实战:使用中间件来实现 Webpack-dev-server
( H8 p, Z0 W, f, C1 P  s6 p7 T33 实战:使用 Stats 数据结构生成 Webpack 构建报告) Z- U6 X4 a4 [) k7 o6 }: R$ m
34 实战:给 Webpack 项目添加 modern 模式打包; {7 ^" m9 t& J3 L4 W
35 Webpack 5.0+ n& x( t. |# Z8 B  i5 B3 R6 I
36 课程总结
" A/ Z) X5 U9 N, N. C37 附录:项目中常用的插件0 V0 N- q  ~; u) W" o8 O
38 附录:项目中常用的 loader
0 K% {+ B( O" X 5 x' w2 ^0 G2 o6 x) a4 b( ]3 `2 I9 g
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-4-25 05:58

Powered by paopaomj X3.5 © 2016-2025 sitemap

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