四大维度解锁Webpack3.0前端工程化

3.0版本特性 / 工程化 / 主流框架应用 / 前端性能优化

基于Webpack 3.0配合Loader、插件、工具的使用，搭建前端主流Vue、React、Angular的开发环境和项目框架，解决线上代码缓存、体积优化、本地开发环境代理请求等需求，提高开发效率！

适合人群及技术储备要求

随着模块化开发的普及，项目功能需求不断增加，Webpack已成为项目开发的标配，本课程适合前后端开发者深入学习Webpack工具的学员，全程每个技术点贯穿实战讲解，学完让你直接运用到企业项目开发，大大提高你的开发效率

学前必备技术

对模块化开发有一定的认识，了解Node.js基础知识

课程目录：

第01章 课程简介

1-1 课程背景.mp4
1-2 导学.mp4

第02章 学习准备

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

第03章 由浅入深Webpack（1）

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

第04章 由浅入深Webpack（2）

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

第05章 Webpack 环境配置

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

第06章 Webpack 实战场景

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

第07章 Webpack 和 Vue

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

第08章 Webpack 和 React

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

第09章 Webpack 和 Angular

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

第10章 课程总结

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