前言 在现代 Web 开发中，前端性能优化至关重要。Vue 3 和 Vite 作为新一代的前端框架和构建工具，提供了许多性能优化的功能和实践方法。 本文结合实际开发做一些总结分享，帮助大家在以后的开发

Vue3 + Typescript + pnpm + rollup/gulp 工程化搭建组件库,使用vitepress编写组件文档

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…

背景 项目需要开发一个发版通知插件，同时公司项目属于乾坤架构的微前端应用，涉及多个子应用，如果每个项目都写一遍逻辑，在修改时可能会重复修改多个项目，于是想着能不能通过开发一个插件，对项目侵入最少方式，

设计封装一个业务sdk，调用业务模块接口。 rollup打包，发布到npm。 在vscode中显示代码提示

我是一个特别固执的人。 我从来不会在意别人跟我说什么，让我去做。 如果你也可以像我一样（开发一个前端埋点SDK），那我觉得这件事情。 泰裤辣！！！

pnpm + workspace + React + webpacke5 的 monorepo 实践案例

1. npm 初始化 2. ts 初始化 3. babel 4. rollup 和 rollup plugin 5. eslint 和 eslint 插件和配置 6. prettier 和 prett

每当在项目中需要使用一些工具函数时，一般需要去引入一些第三方的工具库，而像lodash这样的工具库又体积很大，影响打包后整个项目的大小。所以封装自己的代码库就很必要了。 工具库需要可查阅的文档，为了更好的支持typescript，使用了typedoc生成文档。 rollup 是…