QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 3132|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。
9 I5 D  V( N1 i/ E+ q课程目录 :& E3 A2 Y- U2 l4 T# O; W0 ^! }1 H0 F& z
01  使用 Webpack 实现前端工程化4 R! g  E" R2 x: d( V
02 什么是 Webpack
6 o3 j. R6 n$ B* p9 y5 q03 Webpack 开发环境搭建
3 f  \2 I: E+ I5 W* B04 使用 webpack-cli 体验零配置打包, N2 w9 n5 Q. P) u5 a+ Y
05 基础概念和常见配置项介绍(一)4 c' W7 b6 a9 L1 ^( f  _' X
06 基础概念和常见配置项介绍(二)0 I3 I9 N# q3 Z  m! v  Y& Q, p# G
07 Webpack 中的模块化开发  A/ j: [3 N+ P  |/ E, `) ?
08 在 Webpack 中使用 Babel 转换 JavaScript 代码$ j( j* X' @3 W% j
09 Webpack 中使用 TypeScript 开发项目
. G9 ^9 k+ s. ^/ A# s7 ~& c6 D10 Webpack 中样式相关的配置! Q8 K# f6 y' r; S/ W
11 Webpack 中使用 lint 工具来保证代码风格和质量
# W6 n$ R6 `/ d# X9 H/ m12 使用 Webpack 管理项目中的静态资源
5 z& G& x7 a  O- h7 r# `: s13 Webpack 中打包 HTML 和多页面配置
5 |. C. _1 _+ w# c. ^$ g" s14 Webpack Dev Server 本地开发服务) v/ B1 x& E# j+ ^0 C+ ?* ~
15 Webpack 中配置React和Vue开发环境
! P& z. T: a" I  x$ ~: I5 d9 T16 Webpack 环境相关配置及配置文件拆分
- T' y( O& P' [, d17 Webpack 优化之体积优化
! v5 t" {" _5 i6 E18 Webpack 优化之增强缓存命中率
2 y& M; K  }1 f/ {: E19 使用 Webpack 的 splitChunks 功能来拆分代码
/ L. Z7 G! @: M  X: X& J+ ?& }20 Webpack 优化之速度优化0 Z! O0 @& m  \  C, Z
21 使用 Webpack 的 Tree-Shaking
8 m; `7 I' u- i8 Z+ q22 为你准备了一份 Webpack 工程化最佳实践总结
0 Q$ A8 R0 I5 k  ?* s6 x2 H23 怎么调试 Webpack?
$ r" ]3 a0 j5 W+ ~( Q5 n24 Tapable —— Webpack 的核心模块, E" n* [' B' ^+ p  B1 @, z, S+ ^
25 Webpack 的 Compiler 和 Compilation$ A9 K  _: x. i
26 Webpack 工作流程
  r* n3 ^! w9 S9 o3 L9 {27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
* V; [& T  y& @) j9 `' I28 Webpack 的模块热替换做了什么?
: g# Q  \: \% l( o29 实战:使用 PostCSS 打造移动适配方案
9 W5 ]0 j/ B0 T  T* S3 |$ e8 A% \30 实战:手写一个 markdown-loader
$ [- G- o8 d+ Y8 ~31 实战:手写一个 prefetch-webpack-plugin 插件
. \% X7 f  `$ q! L7 X+ `3 @( ?% P2 @32 实战:使用中间件来实现 Webpack-dev-server) V; n! I& o; y
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
9 z* {- h6 |) i) B% o, i% m  C34 实战:给 Webpack 项目添加 modern 模式打包
+ [" _& K; W' ]( X8 ]35 Webpack 5.0# C: C! ^* O- y# U0 q, f4 C# @
36 课程总结
( c5 _" h* I8 i( J37 附录:项目中常用的插件
# K* D0 b1 I8 L+ @$ i5 z38 附录:项目中常用的 loader4 N- a* n" m4 l5 E/ F3 R
, w+ q9 u; n  ?- U9 t
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-8-26 14:06

Powered by paopaomj X3.5 © 2016-2025 sitemap

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