前言 最近，有被问到当多个项目具有很多公共组件和方法时，如何使用pnpm + monorepo的方式，把公共的东西都提取出来统一维护。大家可能多多少少都对这个有所了解，但是可能基本没怎么用过，也无从下

最近面试时总被问到一些如为什么Vite比Webpack快、ESM和CJS的对比、Tree Shaking的原理等等的面试题，大多数时候我只能凭感觉简单说道几句，给面试官的印象就是，不太懂这些，基础

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足需求，因此引入了工程化的概念

最近接了给前端项目构建发布做优化的任务，本次优化分为两个部分，一个部分是Gitlab CI/CD 的发布流程优化，另外一个部分是Webpack的打包优化。这篇文章先来讲讲Gitlab CI/CD方面的

基于Docker + Nginx + Gitlab-runner 构建前端CI/CD 前言 本篇会用到Docker，Gitlab-runner等相关工具，如果对其不是特别了解，可以参考之前写的两篇文章

webpack一直好像是熟悉的陌生人，最近从源码角度通过debug总算是找到了打包的整个线条，揭开了这神秘的面纱。直接按部就班看源码难免会迷糊，带着自己的疑问反查源码就清晰多了。 先从整体纬度出发，这

从零开始搭建脚手架 简介 是一个集成项目初始化、调试、构建、测试、部署等等流程，能够让使用者专注于 code 的工具。用白话说就是，一个建筑已经搭好架子，我们只需要不断加入砖头就行。 提高效率，在统一

这是我尝试用流程化的思路进行项目开发实现的记录。 至于为什么不适用市面上现有且完善的框架，是因为我好久没写完整且有意义的东西了，当然依然会“借鉴”一些成熟的项目。

最近写了一个自动化部署的 npm 包 zuo-deploy，只需点击一个按钮，就可以执行服务器部署脚本，完成功能更新迭代。客户端使用 Vue + ElementUI，服务 koa + socket +