Import Cost插件不显示体积是因语言模式为Plain Text、未在项目根目录、缺少Node环境三者缺一不可；其“~4.2 kB”中的~表示估算值，非精确构建结果。
装完插件不显示体积，不是插件坏了，而是它根本没“启动”——语言模式、Node 环境、项目根目录这三样缺一不可。
为什么 import 行右边始终空白或显示 ?
Import Cost 不报错、不弹窗，失败时只留空白或 ?，这是它最典型的“静默失效”状态。核心卡点就三个：
- 右下角语言模式是
Plain Text，不是JavaScript或TypeScript（按Ctrl+Shift+P输入Change Language Mode手动切） - VSCode 当前打开的是子文件夹（如
src/），不是含package.json和node_modules的项目根目录 - 终端里运行
node --version报command not found—— 插件依赖本地 Node 运行时做体积估算，没它直接放弃
怎么让 import { debounce } from 'lodash' 显示真实体积
这不是快捷键或配置能绕开的问题，是静态分析能力的硬限制。lodash v4 的 package.json 没标准 exports 字段，插件看到 import { debounce } 就只能停在 index.js 入口，里面全是 export * from './xxx'，无法继续追踪。
PigX UI 前端开发
下载
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
- 临时解法：
import debounce from 'lodash/debounce'—— 路径明确，能读到真实文件及依赖模块（如lodash/_root.js） - 长期解法：换
lodash-es+ 在 VSCode 设置里开启Import Cost: Enable Typescript Support - 别指望改快捷键或重载插件能解决——这是解析器对包结构的识别边界，不是响应延迟
别名路径（如 @/utils）不显示体积？配 jsconfig.json 才行
Import Cost 不读 Webpack 的 resolve.alias，也不认 Vite 的 resolve.alias，它只认 VSCode 原生理解的路径映射，也就是 jsconfig.json 或 tsconfig.json 里的 compilerOptions.baseUrl 和 compilerOptions.paths。
立即学习“前端免费学习笔记（深入）”；
- 确保项目根目录有
jsconfig.json（JS 项目）或tsconfig.json（TS 项目） - 里面必须包含类似配置：
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] } } } - 改完配置后，必须关闭并重新打开整个文件夹——热重载不会触发 Import Cost 重分析
显示 ~4.2 kB 中的 ~ 是重要提示，不是装饰
这个波浪号是刻意加的，代表“估算值”，不是精确构建结果。它基于静态分析 + 项目打包配置（如 webpack.config.js）推演，但没真正跑构建。所以：
-
import React from 'react'显示 20 kB，但实际生产环境用了externals或 CDN → 插件不知道，照算源码体积 - 想验证是否靠谱？必须跑一次真实构建：
npm run build后用webpack-bundle-analyzer打开http://127.0.0.1:8888页面对比 - 别被“实时”二字带偏——它快，但不等于准；真体积永远来自构建产物，不是编辑器行尾那行小字
