【九月打卡】第4天 前端工程化工具、webpack核心概念

第一模块 学习课程

名称: 六大场景 梳理开发痛点 解锁前端进阶路

章节名称:

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)  [选]浏览器兼容性

第三模块 学习收获

1. xMind脑图学习webpack

2. https://docschina.org/  学习前端国外文档翻译参考-->印记中文

   3.  要掌握好webpack，可以先从掌握5大核心概念入手，可以跟着官方文档webpack进行学习，课程提供了中文版翻译官方文档，可以仔细复习，并跟着一步一步进行深入了解

https://webpack.js.org/

https://webpack.docschina.org/guides/getting-started

第四模块 学习打卡截图