课程详情(本课程所涉及内容)

1. webpack是什么?webpack的作用

2. webpack的整体构成

3. webpack-cli、package.json

4. 开发环境(development)和生产环境(production)，npm安装包的方式，-D、-S

5. 跑一跑webpack

6. webpack.config.js配置总览

7. 入口配置形式，出口path路径注意事项

8. 配置文件改名

9. npm scripts

10. 体验 webpack4.x 零配置， --mode 配置区别

11. 多入口打包，多入口多出口

12. html-webpack-plugin详解，含: template、hash、minify、多页面配置，多页面引入自己文件

13. clean-webpack-plugin

14. devServer、contentBase、自动打开浏览器、热更新

15. loaders多种写法， 处理css文件

16. webpack3.x之前压缩与现有模式压缩对比

17. 处理图片、背景图片，limit， 以及路径问题

18. 分离css文件，extract-text-webpack-plugin@next、mini-css-extract-plugin,以及遇见的一些问题

19. 处理less文件，以及分离less文件

20. 处理sass文件、以及分离sass文件

21. PostCss、autoprefixer、自动添加浏览器前缀、以及提取

22. 优化css，消除冗余css、PurifyCss

24. webpack3.x之前调试(SourceMap)和webpack4.x调试方式

25. babel配置，以及jsx语法支持，react配置

26. 模块化配置、模块定义、模块使用、注意的地方

27. json配置使用

28. 静态资源优雅输出、如何更好的学习插件

29. 第三方库使用的两种方式，以及推荐, import和 ProvidePlugin

30. 优化js，提取三方js，CommonsChunkPlugin、optimization.splitChunks

欢迎大家入群:

官方群: 651661013