这是我的第一篇掘金博客，开启掘金写作之路。 大家好，我是刚加入掘金的"有两只臭猫"（公众号：咪仔和汤圆，欢迎关注~） 这次和大家探讨如何真正的从零开始搭建一个现代化前端工程，总结其中的要点。

附全部源码💥💥💥我们从零开始使用 Vue 3 搭建一个 Monorepo 项目架构，采用 pnpm 作为包管理器 ......

原谅我起了一个这么大的标题，当了一回标题党😛 之前一直做B端系统，针对线上错误引入了 sentry 来收集错误日志，一开始还能盯着告警邮件，后面告警越来越多就选择性忽视了🤪，大伙可千万别学我

小伙汁，赶紧给团队封装一个简单统一的日志管理工具，来替换掉项目中野蛮生长的 console.log() 吧！

大型应用、多人协作、团队多项目开发、等场景增加了前端项目开发的复杂度，需要我们合理运用工程化手段来提效。代码共享是其中一种有效提效措施。只要了解不同方案，我们才能结合业务需要给出最合适的工程化解决方案

前言 在日常开发往往需要把公共代码封装复用，在项目比较少的时候可以通过复制代码到不同项目共享，但面对多个项目时，这种复制行为会导致维护问题。 为了解决这个问题，常见的办法是封装一个npm包发布到仓库或

我是Kagol，个人公众号：前端开源星球。你的项目是不是正在不断膨胀，构建速度越来越慢，包体积越来越大，性能越来越慢？想拆分不同仓库分开维护，又担心代码不方便复用？你可能需要改造成Monorepo啦！

fetch 是 XMLHttpRequest 的升级版，使用js脚本发出网络请求，但是与 XMLHttpRequest 不同的是，fetch 方式使用 Promise，相比 XMLHttpReques

Fetch API 是一种用于进行网络请求的现代 JavaScript API，提供了更简洁、强大和灵活的方式来处理异步数据交互。