我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

webpack打包过程中，经常出现app.js一个文件好几兆的情况，这偏偏又是网页最先加载的文件，由于从上到下的执行顺序，前面的脚本在加载时会阻塞页面渲染，白屏时间由此而来。那么我们如何提高网页渲染速度呢？办法之一就是合理的分包策略。 一个简单的博客项目，项目本身并不大，但透过…

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

前端工程化，就是降本提效的体现，广义上，前端工程化包含一切以降低成本、提高效率、保障质量为目的的手段

选用Koa作为web框架，用三篇文章分别讲解Node.js编写接口、服务端渲染（SSR）和MySQL数据库。Koa是基于Node.js实现的web框架。是一款轻量的框架，所有功能通过插件实现。

作为前端工程师，前端工程化是经常听到的概念，但虽然经常听到，很多人对它的认识依然很模糊。 比如，提到前端工程化，他并不能说出什么是前端工程化。给出一门具体的技术，他也不能确定是不是属于工程化范畴的技术

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如何去建立适合自身团队的

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往往数秒之内即可完成启动(PS