QQ登录

只需要一步,快速开始

APP扫码登录

只需要一步,快速开始

查看: 2713|回复: 0

Webpack从零入门到工程化实战

[复制链接]

等级头衔

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

丰功伟绩

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

联系方式
发表于 2019-12-16 15:06:05 | 显示全部楼层 |阅读模式
       这个专栏不仅是一个 Webpack 的学习专栏,有大量的 Tips,更是一个比官方文档更实用,更贴合实际应用的 “Webpack 手册”, 是一个你可以 “长期使用 “,“随时可查” 的工具,工作中遇到的实际问题,你甚至能在专栏中找到直接或类似的配置方法、解决方案。" r( g) L# G$ g; ?* d9 E; y
课程目录 :  U% n  I7 y" G
01  使用 Webpack 实现前端工程化
9 s" e& T3 g0 r4 y  U5 ]5 @) I1 l02 什么是 Webpack
" g" a+ N4 i8 Q: F6 q: ^03 Webpack 开发环境搭建
: ]6 @% p3 Q4 |04 使用 webpack-cli 体验零配置打包
7 g, l$ u* b. _9 {: o7 A05 基础概念和常见配置项介绍(一)- y+ d  F# B0 T/ ?" f
06 基础概念和常见配置项介绍(二)
7 K2 n9 g: k. l: `6 |$ e+ \07 Webpack 中的模块化开发
3 `, e" M( j2 I% _8 B  |08 在 Webpack 中使用 Babel 转换 JavaScript 代码
. e) G3 k; f7 q09 Webpack 中使用 TypeScript 开发项目, c+ `1 _: `3 Y2 d+ `; m) ]  W5 m# C6 I
10 Webpack 中样式相关的配置
$ P+ s$ C' t1 X  E9 }. j) ]11 Webpack 中使用 lint 工具来保证代码风格和质量2 P! Y! U7 ^/ A# ]4 t. z
12 使用 Webpack 管理项目中的静态资源
% \$ D, h9 l: I. P' e& F7 r13 Webpack 中打包 HTML 和多页面配置
( y. u, z6 J0 K3 ?14 Webpack Dev Server 本地开发服务- Z' u/ Y/ ^& P* C% X! j4 ?
15 Webpack 中配置React和Vue开发环境1 P: Z: f; {6 L3 ]2 k& ]+ [+ d
16 Webpack 环境相关配置及配置文件拆分5 ]! |' {" `5 {& _+ i7 I' N+ F
17 Webpack 优化之体积优化
  J7 W5 G0 q5 a! F18 Webpack 优化之增强缓存命中率7 q! x% f. Z7 V! s$ {$ N
19 使用 Webpack 的 splitChunks 功能来拆分代码" e% Q4 [) V" T( n$ ?
20 Webpack 优化之速度优化# V  `! ^: {4 ?: Z1 b+ l" a, }
21 使用 Webpack 的 Tree-Shaking5 q! G2 [( J7 p& c
22 为你准备了一份 Webpack 工程化最佳实践总结. S) p+ S! w. z
23 怎么调试 Webpack?" l* N2 l  r& \8 e% ~( V( F
24 Tapable —— Webpack 的核心模块" z5 |& B$ T0 W3 ~' y
25 Webpack 的 Compiler 和 Compilation' Z2 |9 k3 N7 n
26 Webpack 工作流程% y- J- A* |! P+ j, g( W
27 从 Webpack 的产出代码来看 Webpack 是怎么执行的
. s) ?' }& j( A28 Webpack 的模块热替换做了什么?; F' {* |; N; \6 _- @
29 实战:使用 PostCSS 打造移动适配方案
$ N& _7 V* o) k30 实战:手写一个 markdown-loader
: B$ `. e& \, h3 }1 B31 实战:手写一个 prefetch-webpack-plugin 插件. d$ q5 {4 V% t9 O* `/ `7 _
32 实战:使用中间件来实现 Webpack-dev-server4 n. t1 I8 S# L" V: p, Z" p
33 实战:使用 Stats 数据结构生成 Webpack 构建报告
% J+ J* G0 D8 S8 f6 J% I34 实战:给 Webpack 项目添加 modern 模式打包2 ~/ [) w9 H" V. R$ ^2 C* `
35 Webpack 5.0
# v( L: Z* V' @( W36 课程总结
% C. k. e% Z* E% Z37 附录:项目中常用的插件
3 _8 s0 _8 [+ E/ J0 ?, j$ Q( w8 C, V38 附录:项目中常用的 loader
/ a' M. w; n1 Q1 b3 H0 k( K+ d4 B 0 G4 Q: ?) N4 {  u  o; T
1.jpg
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2026-5-15 19:44

Powered by paopaomj X3.5 © 2016-2025 sitemap

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