- module: 字段指定了 ES 模块版本的入口文件路径，
- main: 字段则指定了 CommonJS 模块版本的入口文件路径。
注意：尽管 module 字段在构建工具中被广泛支持，但它并不是所有 JavaScript 环境都遵循的规范。在 Node.js 中，通常使用 main 字段指定 CommonJS 模块的入口，而在现代浏览器环境中，使用 type=“module” 的 script 标签加载模块时会优先考虑 module 字段。
- exports 字段：
- 作用： exports 字段是 Node.js 12+ 版本引入的，它用于指定模块的导出规则，允许你定义模块的多个入口。
- 用法： exports 字段可以用来指定模块的入口文件，允许你为不同的环境提供不同的入口。它支持多种格式，例如：
- 注意： 目前 exports 字段在 Node.js 环境中得到较好的支持，但在其他环境中的兼容性可能有限。
{
"name": "hex-event-track",
"version": "1.0.4",
"description": "",
"type": "module",
"scripts": {
"build": "tsup --global-name globalHexEventTrack",
"watch": "tsup --watch --global-name globalHexEventTrack",
"test": "vitest -u"
},
"keywords": [
"hexfuture event track"
],
"author": "",
"license": "ISC",
"devDependencies": {
"@types/ua-parser-js": "^0.7.37",
"eslint": "^8.46.0",
"tsup": "^7.2.0",
"typescript": "^5.1.6",
"vitest": "^0.34.4"
},
"files": [
"dist",
"src"
],
"types": "./dist/index.d",
"main": "./dist/index.js",
"exports": {
".": {
"import": "./dist/index.js",
"require": "./dist/index.cjs"
}
},
"repository": {
"type": "git"
},
"dependencies": {
"ua-parser-js": "^1.0.36"
}
}
遇到的问题
我在使用老版本vuecli时遇到了不识别exports字段的问题。需要加上 main 字段
