课程详情(本课程所涉及内容)
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