QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2358|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
8 P; m8 o, b8 q7 s  W课程目录 :( j  r9 ?6 ^5 j& c, z6 |9 m
01  使用 Webpack 实现前端工程化
  \6 \) X1 g9 C( o0 Q$ U$ Y02 什么是 Webpack
; k7 h7 y. I$ z  |* r& C3 E$ ]03 Webpack 开发环境搭建: a! v6 w' S: q
04 使用 webpack-cli 体验零配置打包
# ?6 B+ _3 Q3 F. E$ k7 S9 T$ h. p05 基础概念和常见配置项介绍(一)% _1 K; y$ M2 |) s
06 基础概念和常见配置项介绍(二). b( k+ l+ n8 M$ b
07 Webpack 中的模块化开发
9 h0 U9 P0 R' c( u08 在 Webpack 中使用 Babel 转换 JavaScript 代码" w* V) j; s3 _8 h9 s( F
09 Webpack 中使用 TypeScript 开发项目
# b: ~) s! d# Y. u$ \3 R+ E10 Webpack 中样式相关的配置7 O$ R, p3 {! }; v" ?1 _
11 Webpack 中使用 lint 工具来保证代码风格和质量  G1 s8 U7 V# h: t. }
12 使用 Webpack 管理项目中的静态资源
) w2 Q, t2 E1 z' E' y+ G$ K13 Webpack 中打包 HTML 和多页面配置# O) X7 T$ X4 f% X# `" m
14 Webpack Dev Server 本地开发服务
: ^3 b& o/ v+ ^( r: m15 Webpack 中配置React和Vue开发环境1 Y; z5 E- x$ V( c' a6 t( C
16 Webpack 环境相关配置及配置文件拆分( L) A, G& h( I9 c* ~0 d
17 Webpack 优化之体积优化
3 d! w7 n3 R$ S- a. D# J  f# g18 Webpack 优化之增强缓存命中率; N: \8 ?" Q2 {8 v: z" _+ y
19 使用 Webpack 的 splitChunks 功能来拆分代码$ u5 ^* }2 ?, F3 \9 ]
20 Webpack 优化之速度优化1 p$ l" }2 y7 `  g: |
21 使用 Webpack 的 Tree-Shaking
/ G- A# z3 l0 f- Z2 t  O22 为你准备了一份 Webpack 工程化最佳实践总结/ U& O" x. a5 p& f; g
23 怎么调试 Webpack?
4 i: k( ^' U7 Y. G: L% t24 Tapable —— Webpack 的核心模块
+ g# ^7 h& ~, K25 Webpack 的 Compiler 和 Compilation8 X4 {- A* B, V) i
26 Webpack 工作流程6 ^% p* |5 {2 _; n5 [1 _2 i" D# E
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
; o3 u) @. m& \" e28 Webpack 的模块热替换做了什么?) {+ E* y% Q: y- m: a5 W( J
29 实战:使用 PostCSS 打造移动适配方案( O" |+ O+ ^# {5 Y0 n
30 实战:手写一个 markdown-loader5 V" c1 H2 X. p- Z7 ?9 }7 N
31 实战:手写一个 prefetch-webpack-plugin 插件
/ a- u3 @; p; i9 E# S32 实战:使用中间件来实现 Webpack-dev-server. z  s, a5 a& C& R
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
( F6 i/ P% c$ Y! S- Y; M% j% i34 实战:给 Webpack 项目添加 modern 模式打包
; @5 U4 ~5 z$ S# w$ @3 q- H35 Webpack 5.0
6 R* c: |1 |# O' A( Y* |. c36 课程总结: m# {: G3 q" v0 r/ L
37 附录:项目中常用的插件7 u4 k3 y0 [. i9 B" |) q
38 附录:项目中常用的 loader1 P" f: c& y3 n3 ]2 H1 d* {/ X
, b' a, Y+ B. H% b( O/ |+ A7 b
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2025-7-17 14:08

Powered by paopaomj X3.5 © 2016-2025 sitemap

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