[171] 四大维度解锁Webpack3.0前端工程化 -

网盘链接：

1. 课程简介

• 1-1 课程背景
• 1-2 导学

2. 学习准备

• 2-1 学习准备 – 模块化（1）
• 2-2 学习准备 – 模块化（2）
• 2-3 学习准备 – 环境准备(mac)
• 2-4 学习准备 – webpack 简介
• 2-5 学习准备 – webpack 核心概念

3. 由浅入深Webpack（1）

• 3-1 由浅入深 webpack – 使用 webpack
• 3-2 由浅入深 webpack – 打包 JS
• 3-3 由浅入深 webpack – 编译 ES6
• 3-4 由浅入深 webpack – 编译 typescript
• 3-5 由浅入深 webpack – 打包公共代码（1）
• 3-6 由浅入深 webpack – 打包公共代码（2）
• 3-7 由浅入深 webpack – 代码分割和懒加载（1）
• 3-8 由浅入深 webpack – 代码分割和懒加载（2）
• 3-9 由浅入深 webpack – 处理 CSS – style-loader（1）
• 3-10 由浅入深 webpack – 处理 CSS – style-loader（2）
• 3-11 由浅入深 webpack – 处理 CSS – CSS-Loader
• 3-12 由浅入深 webpack – 处理 CSS – 配置 Less – Sass
• 3-13 由浅入深 webpack – 处理 CSS – 提取 CSS
• 3-14 由浅入深 webpack – PostCSS-in-webpack
• 3-15 由浅入深 webpack – Tree-shaking – JS Tree-shaking
• 3-16 由浅入深 webpack – Tree-shaking – CSS Tree-shaking

4. 由浅入深Webpack（2）

• 4-1 文件处理（1）- 图片处理 – CSS中引入图片、Base64编码
• 4-2 文件处理（2）- 图片处理 – 压缩图片、自动合成雪碧图sprite、retina处理
• 4-3 文件处理（3）- 处理字体文件
• 4-4 文件处理（4）- 处理第三方 JS 库（providePlugin、imports-loader）
• 4-5 html in webpack（1） – 生成 HTML
• 4-6 html in webpack（2） – HTML 中引入图片
• 4-7 html in webpack（3） – 配合优化

5. Webpack 环境配置

• 5-1 开发环境 – Webpack Watch Mode
• 5-2 开发环境 – Webpack Dev Server – 本地 rewrite 规则-
• 5-3 开发环境 – 代理远程接口
• 5-4 开发环境 – 模块热更新
• 5-5 开发环境 – 开启调试SourceMap
• 5-6 开发环境 – 设置 ESLint 检查代码格式
• 5-7 开发环境 – 区分开发环境 和 生产环境（1）
• 5-8 开发环境 – 区分开发环境 和 生产环境（2）
• 5-9 开发环境 – 使用 middleware 来搭建开发环境

6. Webpack 实战场景

• 6-1 Webpack实战场景 – 分析打包结果
• 6-2 webpack 实战场景 – 优化打包速度（1）
• 6-3 webpack 实战场景 – 优化打包速度（2）
• 6-4 webpack 实战场景 – 长缓存优化
• 6-5 webpack 实战场景 – webpack 多页面应用（1）
• 6-6 webpack 实战场景 – webpack 多页面应用（2）

7. Webpack 和 Vue

• 7-1 Vue 和 webpack – Vue-cli 介绍
• 7-2 Vue 和 webpack – Webpack template
• 7-3 vue 和 webpack – 开发配置（1）
• 7-4 vue 和 webpack – 开发配置（2）
• 7-5 vue 和 webpack – 实现简单 todolist（1）
• 7-6 vue 和 webpack – 实现简单 todolist（2）

8. Webpack 和 React

• 8-1 React 和 webpack – create-react-app 介绍
• 8-2 React 和 webpack – create-react-app 运行脚本介绍
• 8-3 React 和 Webpack – create-react-app 配置
• 8-4 React 和 Webpack – 自定义配置

9. Webpack 和 Angular

• 9-1 Angular 和 webpack – Angular – cli 介绍
• 9-2 Angular 和 webpack – 模块热更新 和 自定义配置

10. 课程总结

• 10-1 课程总结 – webpack 面试常见问题
• 10-2 课程总结 – 课程回顾和总结

11. Webpack 4更新

• 11-1 Webpack 4 默认配置 和 mode
• 11-2 Webpack 4 优化、Tree Shaking 和 代码切分（1）
• 11-3 Webpack 4 优化、Tree Shaking 和 代码切分（2）