第一模块 学习课程
名称: 六大场景 梳理开发痛点 解锁前端进阶路
章节名称:
4-1 前端工程化工具介绍
4-2 webpack五大核心概念
讲师：Brian
第二模块 课程内容
前端工程化:
为什么要前端工程化:
复杂度高: 前端项目的多功能、多页面、多状态、多系统
规模大:团队开发，多人协作，代码质量管理
要求高：页面性能优化(CDN/异步加载/请求合并)
CSS兼容性、单页面应用、服务器渲染
怎么做到前端工程化:
从业务着手 -> 简单的单页面应用，使用gulp打包+同步工具实现开发全流程
从复杂度考虑 -> jenkins git/gitlab webpack react/vue/angular
从已知向未知扩展 -> 不同的技术有不同的适应点，选择适合的才是最好的
webpack5大核心概念：
参考: webpack.docschina.org/concepts/mode
入口(entry) 输出(output) loader 插件(plugin) 模式(mode) [选]浏览器兼容性
第三模块 学习收获
xMind脑图学习webpack
https://docschina.org/ 学习前端国外文档翻译参考-->印记中文
3. 要掌握好webpack，可以先从掌握5大核心概念入手，可以跟着官方文档webpack进行学习，课程提供了中文版翻译官方文档，可以仔细复习，并跟着一步一步进行深入了解
https://webpack.docschina.org/guides/getting-started
第四模块 学习打卡截图
随时随地看视频
