如何在JS代码中获取依赖包some-package的版本？支持浏览器与Node.js

当然可以获取到some-package@2.3.4的版本号啦，下面给你几种实用方法，同时说明它们在不同环境的适用性：

方法1：直接导入包的package.json #

很多包会把package.json包含在发布的代码里，你可以直接导入它来读取版本：

import packageJson from 'some-package/package.json';
console.log(packageJson.version); // 输出 2.3.4

• Node.js环境：完全支持，不需要额外配置。
• 浏览器环境：大部分现代打包工具（比如Vite、Webpack）都支持导入JSON文件，但需要确保你的打包配置没有禁止这种行为。不过要注意，有些包的发布版本可能不会包含package.json，这种情况就用不了这个方法。

方法2：利用包自身暴露的version属性 #

这是最靠谱的方式——很多npm包的开发者会把版本号直接作为导出对象的一个属性，比如：

import * as s from 'some-package';
console.log(s.version); // 如果包有暴露的话，直接输出2.3.4

• 兼容性：不管是浏览器还是Node.js环境都能用，只要包本身提供了这个属性。像lodash、React这类主流包都支持这种方式。如果不确定的话，可以先去包的文档或者源码里确认一下。

方法3：Node.js专属——通过模块路径读取package.json #

如果是纯Node.js环境，还可以通过模块解析的方式找到package.json的位置，再读取文件内容：

import { readFileSync } from 'fs';
import { resolve } from 'path';

// 先找到包的入口文件路径，再回退到package.json的位置
const packageJsonPath = resolve(require.resolve('some-package'), '../package.json');
const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));
console.log(packageJson.version);

• 注意：这个方法只能在Node.js环境用，浏览器环境没有文件系统访问权限，所以不适用。

总结 #

• 浏览器环境：优先尝试方法2（包暴露version），不行的话再用方法1（需要打包工具支持）。
• Node.js环境：三种方法都可以，根据你的场景选择最方便的即可。

内容的提问来源于stack exchange，提问作者jeanpaul62