前端打包优化

先看效果，再看代码 最近在重构一个老项目时，我决定用 Rollup 替代原来的打包工具。为什么选它？简单说，Rollup 在打包小型库或组件时更轻量、更高效。如果你也想试试，那这篇文章就是为你准备的。...

项目初期的技术选型 这个项目是个内部工具库，要打包成一个轻量级的 JS SDK，供其他团队通过 npm 引入。一开始我们用 Webpack，配置写了一堆，结果打包出来的文件太大，还带了一堆 runti...

优化前：卡得不行 上周上线了个新项目，是个移动端的 H5 页面，主打轻量互动。结果刚推出去，用户反馈就来了：“点不动”“加载半天白屏”“滑动直接卡死”。我自己拿测试机一跑，好家伙，首屏加载 5 秒多，...

先搞个最基础的打包优化配置 最近接手了个老项目，打包出来的文件能有20MB，用户加载得要死要活的。打开Chrome DevTools一看，主包chunk-vendors.js就有8MB，这还得了？直接...

优化前：卡得不行 最近有个项目，前端打包体积大得离谱，首页加载时间竟然能到5秒多，用户反馈说卡得受不了。这还得了，我赶紧开始着手优化。 找到瓶颈了！ 首先得定位问题。我用的是Chrome DevToo...

先看效果，再看代码 最近在项目里折腾了一番Webpack的sideEffects配置，发现这个东西虽然简单，但用起来还是有不少坑。今天就来聊聊我的使用经验，希望对大家有帮助。 核心代码就这几行 首先，...

我的写法，亲测靠谱 去年我们团队在新项目里试水 Rome（现在叫 Biome 了），说实话一开始我是抗拒的——毕竟 ESLint + Prettier + Webpack 的组合已经用得滚瓜烂熟，换工...