Import Cost插件不显示体积？三步排查，精准定位
装好Import Cost插件，满心期待能在代码旁看到清晰的体积提示，结果却空空如也？先别急着怀疑插件坏了。绝大多数情况下，问题根源在于插件根本没“认出”你的import语句——语言模式、node_modules、路径解析这三道关卡，只要有一道没通过，插件就“罢工”了。
为什么 import 行右边没出现 ~4.2 kB 这类提示
最普遍的原因，是你的文件没被识别为Ja vaScript或TypeScript。看一眼VSCode右下角的状态栏，如果显示的是Plain Text，那插件会直接跳过整个文件。解决起来很简单：按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），调出命令面板，输入Change Language Mode，然后选择Ja vaScript或TypeScript即可。
当然，语言模式只是第一关。以下几个关键点也务必逐一核对：
- 确认VSCode当前打开的是项目根目录（包含
package.json和node_modules），而不是某个孤立的子文件夹。 - 在终端执行
node --version，确保系统已安装Node.js。插件依赖本地Node运行时来进行体积估算。 - 在命令面板搜索
Extensions: Show Enabled Extensions in This Workspace，确认Import Cost在当前工作区是启用状态。 - 注意，动态
import()语法，或者带有逻辑判断的条件导入（例如process.env.NODE_ENV === 'dev' && import('./debug')），插件是不会计算其体积的。
显示 “?” 或 NaN 而不是具体数值
如果出现了问号或NaN，这其实是好消息——说明插件已经找到了你的import语句，只是在解析目标模块大小时卡壳了。典型的“案发现场”包括：
node_modules缺失或不完整：运行npm install或yarn install来补全依赖。- 项目使用了pnpm：pnpm的默认依赖存储路径是
.pnpm/node_modules，需要在VSCode的settings.json中显式配置："importCost.path": ".pnpm/node_modules"。 - 导入路径使用了别名（如
@/utils）：检查项目中的jsconfig.json或tsconfig.json，确认baseUrl和paths配置是否正确生效。 - 模块本身不规范：有些包可能缺失
package.json中的main、module或exports等标准入口字段，导致插件无从下手。
怎么让体积提示更准，比如支持 webpack 分析
插件默认采用轻量级的静态分析，速度虽快，但精度有限。如果你希望体积估算能对接真实的构建逻辑（比如webpack的tree-shaking效果），就需要手动配置。
- 在项目根目录下新建一个
import-cost.config.js文件。 - 写入以下配置，指向你的webpack配置文件：
module.exports = { webpackConfigPath: './webpack.config.js' }; - 确保项目中已安装
webpack和webpack-bundle-analyzer（作为开发依赖）。 - 需要提醒的是，这个配置只影响插件内部的体积估算逻辑，并不会改变插件是否启用或语言模式等基础设置。
另外，对于纯TypeScript类型包（例如@types/react），插件默认将其体积计为0 B。如果你希望将它们也纳入计算范围，需要在设置中开启Import Cost: Enable Typescript Support选项。
哪些 import 不该显示体积，怎么屏蔽
类型声明文件、CSS、测试文件这些并不产生运行时的Ja vaScript体积，却常常被插件误标，干扰视线。我们可以在settings.json中使用正则表达式来排除它们：
- 按文件类型排除：
"importCost.exclude": ["\\.d\\.ts$", "\\.css$", "import\\(.*\\)"] - 按文件路径排除：
"**/*.d.ts","**/*.test.ts" - 如果是内部的私有包不想被统计，可以创建一个
.importcostignore文件，每行写一个包名，例如my-internal-utils。
最后，有一个至关重要的认知需要明确：Import Cost插件永远只基于当前node_modules的目录结构进行分析。这意味着，面对多版本嵌套的依赖（比如不同的上层依赖各自安装了v4和v5版本的lodash），插件通常只会取最外层的版本进行计算。这个数字，并不等同于最终打包产物中实际被打进去的体积。这一点，才是真正容易被忽略的关键所在。
