前期回顾： # 3 年前端所需要了解的工程化体系（一） 上一篇是从项目开始的第一步技术选型开始，到规范统一、测试工具、构建工具的选择，和 CICD 部署发版。介绍了一个项目从创建到部署的全流程，但是这

前言 现如今前端构建打包工具层出不穷，有 Webpack、Vite、Rollup...，但无论是哪一个工具，还是从一个工具切换到一个新颖的工具，实际上最终都离不开 解析编译，模块分包，压缩优化三个阶段

Rolup 是一个打包工具，类似 Webpack。 组件库打包基本都是用 Rollup。 那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？ 我们来试一下：

希望读过本篇文章，你在看Webpack配置的时候，能在脑中形成Chunk的生成过程。 Chunk不同于entry、 output、module这样的概念，它们对应着Webpack配置对象中的一个字段，Chunk没有单独的配置字段，但是这个词出现在CommonsChunkPlug…

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

一、前言 SEO 是 Search Engine Optimization 的缩写，即搜索引擎优化。它是一种通过调整网站的内容、结构、外部链接等方面的优化手段，来提高网站在搜索引擎中的自然排名，以求得

工程化是现代前端的基础部分，而node.js的出现让工程化有了巨大的成果，其中依赖管理工具也是我们日常接触中最多的。本文将介绍npm install会发生什么，以及目前流行的其他包管理工具。

解决标题中的问题的方法有多少种，你能想到几种，你又能动手真正地实现几种呢？本篇文章针对标题中的问题，进行了一场头脑风暴，感兴趣的话，一起来聊一聊吧~

小编所在的团队叫 “Cuckoo FE”，前端团队成员接近20人，归属字节商业化业务中台，承担海外商业化交易流程建设，为字节内部出海产品提供商业变现能力，整体技术方向以PC中台为主（90%+），另