探索多项目开发的新境界！通过 pnpm workspace，展示如何在一个代码库中高效管理多个独立运行的项目，同时实现样式和组件的共享，大幅提高代码复用率与维护效率。

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

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

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

前言 这次是针对公司内部的商家钱包工程的优化，内部代码混乱。 但是好在使用了umi框架，默认的路由分包，打包压缩，线上gizp，http2.0都已经开启，但是整体的项目LCP 指标还是超过了3秒

终于开源了，上篇文章中已经提到了，最近开发了一款插件，可以根据已有的变量自动生成一些代码片段，今天我们可以详细看看这款插件的神奇之处。 插件地址：https://marketplace.visuals

本系列将实现使用react18，ts5，lint三剑客，webpack，storybook搭建react组件库、react+ts项目模板、和一个脚手架项目模板。本项目使用的是node18.18.0

文章以图/文/代码案例三种结合的形式解读。毋庸置疑,前端缓存一定是前端架构者必定需要考虑的因素，也是开发者的巨大加分项。是前端性能优化中最重要的知识点之一。

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。