从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主

本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发，介绍如何对 webpack 项目进行优化。

1. 组件的设计与实现。 2. 组件库的搭建，打包及发布。 3. 组件文档的编写，以及组件库文档站点的搭建与发布。

「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」。 前言 之前有用storybook尝试搭建一套组件库《Storybook从零到一搭建组件库(上篇)》，但是一顿操作下来之

前言 Storybook是一种UI开发工具。它通过隔离组件使开发更快更容易，它可以一次只处理一个组件，使用storybook可以开发整个ui，同时不需要启动一个复杂的开发项目，强制将某些数据放入数据库

pnpm 是什么 本文正在参加「金石计划」 pnpm 是 performant npm（高性能的 npm），它是一款快速的，节省磁盘空间的包管理工具，同时，它也较好地支持了 workspace 和 m

组件在前端开发中越来越重要了，开发者更细分、聚焦于组件层面的开发，然后像搭积木一样完成应用功能。组件库可以统一管理组件，输出文档，能提升组件复用性、避免重复造轮子。赶快搭建自己的组件库吧，这瓜保甜！

大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的各个方面，包括但不限于衡量性

这期我想写很久了，但是因为时间的原因一直拖到了现在，我以为一两天就写完了，结果从构思到整理资料，再到写出来用了差不多一周的时间吧。 你们也知道丙丙一直都是创作鬼才来的，所以我肯定不会一本正经的写，我想了好几个切入点，最后决定用一个完整的电商系统作为切入点，带着大家看看，我们需要…