篇文章中，我将给大家展示如何从 0 到 1，构建自己的前端工具库，包括从创建项目到打包发布到 npm

优化目的 项目打包上线时，首屏加载的时间十几秒，所以要对项目中一些比较大的第三方库进行抽离和优化，缩短首屏加载的事件 优化静态资源 静态资源体积过大，把项目中所有的静态资源文件统统压缩扔进OOS 性能

前端部署需要用户刷新才能继续使用，一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解，揭晓问题发现原因，并提供两种解决思路。

VitePress 搭建组件库文档 当我们组件库完成的时候,一个详细的使用文档是必不可少的。本篇文章将介绍如何使用 VitePress 快速搭建一个组件库文档站点并部署到GitHub上 安装 首先新建

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天， Sentry实战进阶指南，纯干货！

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知识，甚至是绝大部分前端知识。

hel-micro，模块联邦sdk化，免构建、热更新、工具链无关的微模块方案 ，基于hel-micro制作的远程库在被其他项目使用时，实际运行逻辑不参与项目打包，可以做到使用方无感知动态升级。

前言 Vite 作为 Vue 团队出品的构建工具，其超快的冷启动以及热更新速度让它迅速🔥起来了。 由于浏览器开始原生支持 ES 模块，Vite巧妙的利用生态系统中的新进展解决了 Webpack 构建速

rem对页面样式的影响； rem的详细解读； 基础元素单位dpr； 用户缩放字体对页面的影响； 两种方法解决页面样式错乱；