构建工具配置

先看效果，再看代码 最近在折腾 Fresh，Denoland 推出的全栈框架。说实话，这玩意儿刚上手时真让我头疼了一阵子，但用熟了之后感觉还挺香的。如果你也在找一个轻量、快速、不依赖太多复杂配置的框架...

优化前：卡得不行 项目上线三个月，用户反馈越来越多——页面打开慢，首屏要等好几秒，尤其是一些低配手机上，点个按钮要一两秒才有反应。我自己拿旧款安卓机试了下，确实离谱，首页 loading 从5秒起步，...

优化前：卡得不行 上周上线了一个新功能，页面里要加载几百个动态卡片，每个都带图片、标签和交互。本以为用 Vue 做响应式更新挺稳的，结果一上测试环境，首屏加载直接 5 秒起步，滚动也卡得像 PPT。用...

预览模式搞了这么多年，我到底在选什么？ 说实话，做预览模式这事，我已经做过不下五遍了。后台编辑内容，点一下“预览”，页面就变成用户看到的样子——看似简单，实现起来坑多得要命。最近又接了个新项目，又要搞...

优化前：卡得不行 最近接手了一个老项目，CSS文件直接给我干到了800KB，没压缩过的原始文件。打开页面那叫一个卡，Chrome DevTools显示CSS解析时间居然要3-4秒，首屏渲染慢得要命。用...

scrollIntoView这个API，差点把我搞疯了 今天遇到一个看似简单的需求：点击某个按钮，让页面滚动到指定元素位置。听起来就是scrollIntoView的事儿，结果折腾了一下午，各种诡异的问...

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

我的写法，亲测靠谱 资源合并这事儿，说简单也简单，说坑也真不少。我最早搞前端那会儿，项目里一堆 CSS 和 JS 文件，首屏加载慢得像蜗牛爬。后来开始搞合并，但一开始也是乱合并一通——把所有 JS 全...

前端构建工具对比：Webpack vs. Vite 最近在项目里折腾了好几次构建工具，发现这个问题真的挺头疼的。到底是用Webpack还是Vite呢？我在这篇文章里就来好好聊聊这个话题。 为什么要做这...

cssnano压缩CSS文件后样式乱了，我怎么解决的 最近在搞一个项目，用了cssnano来压缩CSS文件，结果压缩完发现页面样式全乱了。这里我踩了个坑，折腾了半天才发现问题所在。 排查过程 一开始以...

为啥要对比这几个方案 最近在项目里遇到了一些关于Artifacts产物的处理问题，折腾了好几天才搞清楚。我用过几种不同的方案，各有优缺点，今天就来总结一下我的经验。其实主要是想吐槽一下踩过的坑，希望对...

又踩坑了，Webpack配置优化 最近在做一个项目时，发现打包速度慢得离谱，特别是每次改一点代码都要等个几十秒，简直不能忍。于是决定优化一下Webpack配置，结果发现这事儿没那么简单。 排查过程，折...

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