VS Code 中代码旁边的红色 Gzip 表示法

Question

我正在用 React 和 Express 编写一个网站。我注意到在我的 VS Code 中的 Express 文件中，在导入的库旁边有一个红色符号，其中包含有关 gzip 的内容。例如，我的代码说“从“body-Parser”导入bodyParser；”在它旁边，VS Code 用红色写出“480.7k（gzipped：210k）。对于“从“multer”导入multer；”也是如此，它以红色打印出“739.3k（gzipped：234.4k）”。这样做表示 VS Code 没有完全导入模块，如果是，我该怎么办？为什么其他一些导入的模块会在其 gzip 信息中以绿色打印？

Answer 1

import bodyParser from "body-Parser"; 480.7k (gzipped:210k)

让我们考虑上面的代码行，它说主体解析器的大小为 480.7kbytes，当 gzip 压缩时它可以压缩到大约 210kbytes（根据您的导入、模块和设置，它确实会有所不同）。

颜色编码 绿色：较小的尺寸 黄色：中号 红色：更大的尺寸

所以红色表示文件较大，并不代表没有正确导入（如果是确定大小，可以考虑导入）。