玩转webpack 全方位掌握webpack核心技能和优化策略

Posted 2020-11-30 xyc1990

第一章：wepack与构建发展简史 (9讲)
01 | 课程介绍
02 | 内容综述
03 | 为什么需要构建工具
04 | 前端构建演变之路
05 | 为什么选择webpack
06 | 初识webpack
07 | 环境搭建：安装webpack
08 | webpack初体验：一个最简单的例子
09 | 通过npm script运行webpack

第二章：webpack基础用法 (12讲)
10 | webpack核心概念之entry用法
11 | webpack核心概念之output
12 | webpack核心概念之loaders
13 | webpack核心概念之plugins
14 | webpack核心概念之mode
15 | 解析ES6和React JSX
16 | 解析CSS、Less和Sass
17 | 解析图片和字体
18 | webpack中的文件监听
19 | webpack中的热更新及原理分析
20 | 文件指纹策略：chunkhash、contenthash和hash
21 | html 、CSS和JS代码压缩

第三章：webpack进阶用法 (13讲)
22 | 自动清理构建目录产物
23 | PostCSS插件autoprefixer自动补齐CSS3前缀
24 | 移动端CSS px自动转换成rem
25 | 静态资源内联
26 | 多页面应用打包通用方案
27 | 使用sourcemap
28 | 提取页面公共资源
29 | tree shaking的使用和原理分析
30 | Scope Hoisting使用和原理分析
31 | 代码分割和动态import
32 | webpack和ESLint结合
33 | webpack打包组件和基础库
34 | webpack实现SSR打包(上)

 

 

下载地址:全方位掌握webpack核心技能和优化策略