Dawn 取「黎明、破晓」之意，原为「阿里云·业务运营团队」内部的前端构建和工程化工具，现已完全开源。它通过 pipeline 和 middleware 将开发过程抽象为相对固定的阶段和有限的操作，简化并统一了开发人员的日常构建与开发相关的工作。 ps:一如既往的发个膏药贴，如…

聊下来以后得出一些结论：这类读者普遍就职于中小型公司，前端人员个位数，平时疲于开发，团队内部几乎没有基础建设，工具很蛮荒。工程化对于这些读者来说很陌生，基本不知道这到底是什么，或者说认为 Webpack 就是前端工程化的全部了。 笔者目前就职于某厂的基础架构组，为百来号前端提供…

近些年来，随着前端项目复杂度的不断提高，`前端工程化`被越来越多的公司与开发者所重视。前端开发者想要突破工作局限性，实现跳跃式涨薪，掌握前端工程化必不可少！

部分小节提供了非常详细的实战教程，让大家动手实践。 另外我还写了一个前端工程化 demo 放在 github 上。这个 demo 包含了 js、css、git 验证，其中 js、css 验证需要安装 VSCode，具体教程在下文中会有提及。 对于前端来说，技术选型挺简单的。就是…

工程化 架构可以渗透到任何一个细微之处，即使再简单不过的一个静态网页也存在架构，只不过过与简单，没有讨论价值。当业务的复杂度提升到必须有更复杂的技术架构承载时，对架构的研究才有意义。 工程化同样如此，

然而入门简单并不意味着前端这碗饭很好吃，做惯了切图、布局、扣特效的前端新同学在向前发展的路上越来越觉得吃力，而没有任何编程思想和软件开发基础很多人对前端工程化、组件化、模块化、自动化、MVC、MVVC

本篇文章主要是介绍了目前前端工程化做一次详细的对比和目前流程的工程框架的优缺点。vite/pnpm/rollup/webpack/gulp

近两年前端领域风云变幻，各种技术栈层出不穷。React、Angular、Vue 逐步三分天下，Webpack + Babel + ES6 模式如日中天，PostCSS 大有取代 SASS、LESS

网上关于babel兼容性实现方案的剖析有很多，但大部分剖析案例已经不适用于现在的babel生态。作者在最新babel7的基础上，不断编译验证，发现跟网上大部分剖析文案还是有很大不同。所以，输出本文的目