Import Cost 插件在编辑时实时显示 import 模块的 gzip 预估体积（如“≈ 4.2 KB”），基于 esbuild 等轻量分析逻辑快速估算，支持 ES/CSM、动态导入及别名路径，但不替代构建分析工具。
Import Cost 插件能让你在编辑代码时，直接看到每个 import 语句引入的模块体积（通常以 KB 为单位），不用手动打包或分析，节省大量调试时间。
插件基于 esbuild 或 rollup-plugin-import-size 类似的轻量分析逻辑，在后台快速估算模块的压缩后大小（注意：不是精确打包结果，而是合理近似值）。它只读取 import 路径，不执行代码，也不影响项目运行。
VS Code 商店搜 “Import Cost” 安装即可。启用后，默认在 import 行末尾显示灰色小字，例如：
import { debounce } from 'lodash'; // ≈ 4.2 KB如需调整行为，可在 VS Code 设置中搜索 importCost 修改：
Import Cost 是开发阶段的“快速尺子”，不是构建分析工具：
基本上就这些。用它一眼识别“大块头”依赖，再决定是否拆分、替换或懒加载，效率提升很实在。
以上就是Import Cost插件：实时查看导入包的大小的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
401
收藏
