论坛元老
- 威望
- 0
- 贡献
- 61
- 热心值
- 1
- 金币
- 5028
- 注册时间
- 2020-8-31
|
〖课程介绍〗:
你会学到什么?" y; ~- R* F4 h. M- L8 u
前端构建的基本知识
webpack 的基本使用
使用 webpack 定制前端开发环境
使用 webpack 优化前端资源的加载
开发 webpack 的 loader 和 plugin
了解 webpack 内部基本的工作流程! Z+ [0 }& p9 `% A3 ^* r/ q% R8 v& A; b
结合实际项目使用 webpack 的经验
4 B8 C- X- I3 L$ _
希望你在学完整个小册后,可以做到:
了解前端构建,了解构建需求的原因和由来
原有的 webpack 构建出问题了,我可以迅速定位解决问题4 @; C8 U6 F: ^! ^. i
项目构建中需要 xxx,我可以简单调整 webpack 的配置来搞定
项目构建流程中需要 xxx,我可以写个 webpack plugin 来实现7 @1 a- y, W/ { F- s: A3 |
新项目中,我可以自由根据需要使用 webpack 来规范前端构建
适宜人群
具备 HTML、CSS、JavaScript、Node.js 一定基础知识的开发人员
希望掌握构建知识,提高工程化能力的前端开发者
# u0 j5 P$ b2 _
可以试一下这一款markdown编辑器: https://www.typora.io/, J, X* G! w% W) J; x1 i e
〖课程目录〗:; f" p* V6 s! k1 U1 Z% g6 f9 O8 U
1.webpack 如何解析代码模块路径.md
2.搭建基本的前端开发环境.md* n) E& P9 ^8 s( F; }3 |
3.webpack 的概念和基础使用.md
4.配置 loader.md- U& f6 V; j6 w' ]7 {! m( n- u- N& G
5.使用 plugin.md) |$ _- t# O2 Y+ q; o3 l
6.更好地使用 webpack-dev-server.md, S! F2 V5 ^2 o1 O$ n
7.开发和生产环境的构建配置差异.md+ Y T2 J+ F+ y6 B% a& e
8.用 HMR 提高开发效率.md
9.优化前端资源加载 1 - 图片加载优化和代码压缩.md
10.优化前端资源加载 2 - 分离代码文件.md- d$ U' ?# U+ D2 {3 Q9 j
11.优化前端资源加载 3 - 进一步控制 JS 大小.md
12.提升 webpack 的构建速度.md+ d- g1 }; x+ p4 y
13.探究 webpack 内部工作流程.md
14.创建自己的 loader.md: }4 h3 d2 g4 Y) G. I' s$ N( w
15.创建自己的 plugin.md) y9 G% r( ]3 l0 k+ x
16.总结.md
|
|