webpack主要是打包，所以其核心存在两个部分，入口和出口，你可以把webpack加工想象成香肠加工厂，就是活猪进去，香肠出来的那种，但是如果每次加工都需要员工亲力亲为，那多麻烦那，所以我们考虑到了自动化配置。webpack存在功能类似的配置文件，让webpack通过配置，全自动的执行我们需要的编译操作。课程通过3套Webpack课程内容，分别从Webpack4.x版本到Webpack5.X版本的实战应用，还有最新高级的Webpack实战配置课程，让我们更好的将Webpack技术收入囊中。

　　课程目录大纲：

　　一、Webpack4.x入门精品课程

　　webpack4.x讲义和代码

　　内容

　　01_Webpack入门和安装

　　02_模块打包和配置

　　03_DevServer服务

　　04_Plugin部署Html插件

　　05_Loader打包CSS文件

　　06_Loader打包图片文件

　　07_分离CSS_分类打包

　　08_PostCss兼容性转换

　　09_Babel转换ES6

　　10_ESLint校验JS代码

　　11_多页面配置打包

　　12_压缩Html和Css代码

　　13_打包Ts和Scss

　　14_Resolve模块解析

　　15_Source_Map配置

　　16_watch监听和clean清理

　　17_HMR热替换

　　18_Axios跨域请求

　　19_环境分离设置

　　20_打包优化和dist服务

　　二、Webpack5实战应用

　　内容

　　01_01webpack的目标

　　02_02认识和了解webpack的工作原理

　　03_03webpack的安装和体验

　　04_04webpack的核心概念

　　05_05多入口和多出口的情况配置

　　06_06打包和压缩HTML资源

　　07_07webpack打包多个HTML文件开发案例

　　08_08使用webpack打包CSS资源

　　09_09使用webpack打包less和sass资源

　　10_10_提取CSS为单独文件

　　11_11_处理CSS的浏览器兼容性

　　12_12_压缩CSS内容

　　13_13_webpack打包图片资源

　　14_14_打包其他资源字体图标

　　15_15_对js语法配置eslint进行检查

　　16_16_配置开发服务器devServer

　　17_17_开发环境的优化HMR模块热替换

　　18_18_去除项目里的死代码_无用的js和css代码_

　　19_19_总结和作业

　　三、Webpack最新配置实战课程

　　教程

　　1.复习

　　2.对构建工具的理解

　　3.对webpack的理解

　　4.webpack小试牛刀

　　5.验证webpack能处理哪些文件

　　6.配置文件的使用

　　7.配置webpack解析css为js

　　8.配置webpack解析less为js

　　9.配置webpack生成html文件

　　10.配置webpack优化图片文件

　　11.配置webpack处理html中的图片

　　12.配置webpack处理其他资源

　　13.配置webpack的dev-server

　　14.配置webpack提取css为单独文件

　　15.配置webpack处理css兼容

　　16.配置webpack语法检查

　　17.配置webpack语法转换

　　18.配置webpack处理js兼容性问题

　　19.配置webpack压缩css

　　20.总结