对模块化开发有一些了解||适合有一定前端基础的同学||对打包有一个基本的概念掌握前端工程化开发，模块化打包 || 掌握webpack的CLI（命令行）|| 掌握

*   webpack4前言/

  *   webpack4入门到进阶案例实战课程介绍

  *   webpack模块化打包概念介绍

  *   webpack开发环境准备及常用打包模式介绍

*   webpack4配置/

  *   webpack核心配置config文件的初使用

  *   webpack常用配置之入口entry和出口outpu

  *   开发调试必备配置之本地服务器webpack-dev-s

*   webpack4 loader/

  *   webpack加载css所需loader及其使用方式（style-loader和css-loader）

  *   webpack如何编译less和sass文件

  *   使用PostCSS自动添加css3浏览器前缀

  *   webpack文件处理（file-loader）- 图片处理

  *   webpack文件处理（file-loader）- 字体文件处理

  *   webpack文件处理（file-loader）- 第三方js库处理

  *   使用babel-loader编译ES6语法

*   webpack4 插件/

  *   根据HTML模板自动生成HTML(html-webpack-plugin)

  *   webpack提取分离css单独打包(ExtractTextPlugin、mini-css-extract-plugin)

  *   压缩css及优化css结构(optimize-css-assets-webpack-plugin)

  *   运用webpack插件拷贝静态文件(copy-webpack-plugin)

  *   webpack插件之clean-webpack-plugin清除文件

*   webpack4 其他配置/

  *   webpack处理HTML内嵌图片

  *   webpack调试必备配置之SourceMap的类型介绍及其使用方式

  *   webpack开发调试必备功能之模块热替换HMR

  *   区分生产环境和开发环境的配置

  *   webpack打包优化技巧(1)

  *   webpack打包优化技巧(2)

*   webpack4 课程总结/

  *   课程回顾和总结

  *   课程回顾和总结