前端工程化基建探索(1)前端大佬,你好!

2,700 阅读5分钟

本文为稀土掘金技术社区首发签约文章,14天内禁止转载,14天后未获授权禁止转载,侵权必究!

一 、开篇: 前端大佬,你好!

大佬,在日常生活中也经常用于表示对某些领域能力较强的人的钦佩或者崇敬之意。不知何时起,互联网职场圈,也不照而喧盛行大佬:前端大佬,后端大佬,测试大佬,配管大佬...,同事/同行一声叫你大佬,能极大肯定了你的技术能力,另一方也体现了你在他们心中的地位。

前端大佬,你好 , 刚毕业那会,你欣喜的选择了前端岗位,步入职场的你,在前辈老师的带领下,开始拉取项目,开始 npm install安装起来了项目依赖 ,运行项目,当你看到控制台上打印着

 App running at:    
  - Local:   http://localhost:3000        
  - Network: http://xx.xx.xx.xxx:3000 

跑起来了项目,吃力或快速写完一些小功能开发任务,被你的同事送来一阵表扬,那种欣喜自豪的感觉。 不知不觉你已经从大学应届生,从那些年的职场小鲜肉小仙女,变成了职场老人,或许是1-3年,或许是3-5年,又或者5年以上...。 从开始做最简单的业务代码开发,慢慢的成为核心开发,带起了团队,俨然成为其他同事眼中的大佬,一切貌似,很好,可是你真的OK?

二、 点赞+ 收藏+评论 !== 全面掌握

经过几年的历练,你对前端套路已经摸得透透的了,过上了舒适区,一度开始躺平。你对前端的知识技术储备就沦为那些应试八股文,这些年看到了太多千篇一律的皮囊,正如在掘金上,但凡是有关面试招聘的文章(当然分享面经的同学,也是值得鼓励的,这也是一种对知识的总结,温故知新),大抵点赞人数居多评论区也是热热闹闹。这现象也不怪,毕竟我们中的大多数人,自觉不自觉就沦为了短期速成知识 的收集者,大多数时候你以为点赞+ 收藏+评论 就是等于 全面掌握 ,妥妥掩耳盗铃式的满足了自己的一些知识学习焦虑。一方面面试造火箭,工作拧螺丝的观点也渗入大多数技术人的脑海中,一方面或许此刻的你也面临着技术困惑:

  • 干了好几年相似的工作经验,可技术只是停留在刚毕业1-2年前水平
  • 你总在假装学习,却没有实质的提升,离心中真正的大佬还有很长的几公里
  • ......

三、 从躺平选手到追赶者

看到这里,此刻的你,如果已经产生一些共鸣,那希望我的【前端工程化基建探索】系列文章,能给想成为大佬路上的你一些帮助,本系列文章将会通过较为系统地探索工程化基建知识,分享一些我自身的对工程化基建的思考和一些实践案例,帮助大家建立一些问题的解决思路,大佬们,可以自行忽略~

2022年,从工程化的角度上看怎么样的知识储备算是个合格的现代前端人呢?我们可以从下图稍作思考:

front-end.svg 图片来源:roadmap.sh/frontend

图中从上半部分开感觉平平无奇,但是往下从包管理工具开始,都属于前端工程化的范畴,无论你是新人还是前端老炮,让你接手一个项目的时候,你用npm/Yarn/pnpm 管理工具来安装项目的依赖,你安静的站在电脑旁边看着控制台 一直在滚动,

image.png

啪,上来控制台满屏都是报错,例如

gyp verb ensuring that file exists: C:\Python27\python.exe
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "C:\Python27\python.exe", you can set the PYTHON env variable

然后你反手就是把报错信息贴在某搜索浏览器里,然后看着同行给出的操作方案,复制粘贴,操作一通,终于你长舒一口气,可以开始干活了。可是背后的原理和为什么会出现这个问题可能你就很少深入研究了,再者你或许也没有思考有没有其他更好的方式处理。类似这种项目中出现的问题,探索前端工程化基建,显得极为有意义,那么哪些是属于前端工程化基建技术点范畴呢? 大家在根据业务在自身团队前端工程化领域的实践重点也不仅相同,网上也有很多写前端工程化相关的系列文章和课程,例如掘金 # JowayYoung大佬 课程《从 0 到 1 落地前端工程化》 分享了很多前端工程落地的探索,从六个模块(规范篇服务篇环境篇构建篇组织篇部署篇)值得一看。

而我写【前端工程化基建探索】系列文章,更侧重实战和接地气一些,也将不同的角度知识点和大家一同探索前端工程化基建:

(1)从内部机制和核心原理了解npm,看它何“咸鱼翻身”
(2)定制脚手架模板——前端新建项目的“反卷利器”
(3)从源码出发探索理解webpack核心特性
(4)Vite4.0.0都悄悄在“卷”出来了,是时候去探索Vite的设计和实现了
(5)前端人对前端资产建设的思考和实践
(6)借用工具CI/CD解放部署
(7)....待补充(会动态修改)

最后

人生就像挤公共汽车,你上去的时候感觉很挤,但只要你愿意晃荡, 挤去总能找到个不挤的地方,偶尔还有一个座。学习也是一样,让我们一起上车,来探索前端工程化基建吧,顺便可以像大佬坐着被人叫一句 “前端大佬,你好!”

下一篇: 前端工程化基建探索(2)从内部机制和核心原理了解npm,看它何“咸鱼翻身”