首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
rspack 实战
薄雾晚晴
创建于2025-09-09
订阅专栏
rspack 实战
等 1 人订阅
共5篇文章
创建于2025-09-09
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Rspack 构建诊断工具 Rsdoctor:解决与图片压缩插件的冲突,优雅启用性能分析
在 Rspack 项目中,当我们需要排查构建性能瓶颈(如模块解析慢、依赖冗余)时,RsdoctorRspackPlugin 是个强大的工具 —— 它能生成详细的构建报告,包含模块依赖关系、编译时间分布
Rspack 实战,构建流程升级:自动版本管理 + 命令行美化 + dist 压缩,一键输出生产包
在前端项目的生产构建中,我们常需要手动做三件事:更新版本号、查看构建耗时、压缩 dist 包 —— 这些重复操作不仅效率低,还容易出错(比如忘记更新版本导致线上版本混乱)。 本文就带你基于 Rspac
Rspack 性能优化实战:JS/CSS 压缩 + 代码分割,让产物体积直降 40%
在前端项目上线前,「构建优化」是绕不开的环节 —— 既要保证代码压缩到最小体积(提升加载速度),又要通过代码分割减少重复代码(降低缓存失效成本)。 Rspack 作为下一代打包工具,内置了两套核心优化
Rspack 实战:用 SWC Loader 搞定 JS 兼容(支持 IE 11 + 现代浏览器,兼顾构建速度)
在前端项目中,「兼容性」和「构建速度」往往是一对需要平衡的需求 —— 比如要支持 IE 11 这类旧浏览器,就得做 JS 语法转译和 polyfill 补充,但传统工具(如 Babel)会明显拖慢构建
Rspack 实战:用 image-minimizer-webpack-plugin 做图片压缩,优化打包体积
一、为什么选 image-minimizer-webpack-plugin? 在 Rspack 中做图片处理,优先选这款插件的核心原因有两个: 生态兼容:作为 webpack 生态中主流的图片压缩插件