手记

【九月打卡】第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

第四模块 学习打卡截图

0人推荐
随时随地看视频
慕课网APP