概述 什么是前端自动化 前端自动化是指前端代码的自动化构建、打包、测试及部署等一系列流程 为什么要做前端自动化 减少开发人员重复工作，也能降低人为工作的失误 效率迭代，便捷部署 快速交付，便于管

假设你入职了一家小公司，既没有内部自研的 DevOps 平台，也没有专业的运维。需要你自己去搭建多环境 CI/CD 自动化部署，你会怎么做？

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决方案。

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

本文由体验技术团队Kagol原创。 你的项目是不是正在不断膨胀，构建速度越来越慢，包体积越来越大，性能越来越慢了？ 想拆分到不同的仓库中分开维护，又担心代码不方便复用？

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

最近有很多小伙伴让我赶紧出打包教程，那就我们先打包，久等了👋 Rollup 打包 Rollup 是一个 JavaScript 模块打包器，可以将多个模块打包成一个或多个文件。它支持多种模块化标准，如

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

用进化论描述Babel的配置过程，详述配置中的细节；Webpack、Vue/CLI、Vite中使用Babel