”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > \“主要是模块和导入导出-package.json!\”

\“主要是模块和导入导出-package.json!\”

发布于2024-11-15
浏览:242

\

这里有一个有趣且引人入胜的方式来解释为什么所有四个字段 - modulemainexportsimport——package.json 中需要:

为什么所有四个字段都很重要:

  1. 主要:经典看门人

    • 角色:将 main 视为包中明智的老圣人。它自 Node.js 诞生以来就一直存在,并作为 CommonJS 模块的主要入口点。
    • Need:它确保向后兼容性,允许旧的 Node.js 应用程序使用 require() 轻松加载您的包。这对于仍然依赖 CommonJS 的遗留系统至关重要。
  2. 模块:现代潮流引领者

    • 角色:模块就像邻居家的酷孩子,代表ESM(ES6模块)标准。它指向使用导入语法的项目的入口文件。
    • 需要:随着 JavaScript 社区因其诸如树摇动和静态分析等优点而转向 ESM,模块允许现代捆绑器和环境有效地利用包的 ESM 版本。
  3. 出口:多功能大师

    • 角色:导出字段是最终的多任务处理者,允许开发人员为各种模块系统定义多个入口点。它可以区分ESM和CommonJS。
    • 需求:在包需要灵活的世界中,导出可以让您根据环境或格式定制包的使用方式,这对于满足 ESM 和 CommonJS 用户的复杂库至关重要。
  4. 导入:ESM 特定专家

    • 角色:导入是专注的、仅限 ESM 的专家,专门为 ESM 包定义明确的入口点。
    • 需要:导入字段通过其简单的方法简化了仅需要支持现代导入语法的包的配置,使其成为干净、简化的仅 ESM 项目的宝贵补充。

大局观:

  • 兼容性:这些字段共同确保您的包可以在不同的环境中使用,从旧版 Node.js 应用程序到现代前端框架。
  • 灵活性:它们允许开发人员选择合适的方法来加载模块,满足各种需求和偏好。
  • 面向未来:随着 JavaScript 的发展,拥有清晰的结构可以帮助开发人员适应新标准,同时仍然保持与现有代码库的兼容性。

这是一个比较 package.json 中的 module、main、exports 和 import 字段的表格:

标准 主要的 模块 出口 进口
目的 CommonJS 模块的入口点 ESM 模块的入口点 对模块导出的细粒度控制 定义仅限 ESM 包的入口点
引入 早期 Node.js 版本 主要针对捆绑商 Node.js 12 Node.js 16
目标格式 CommonJS ESM(ES6 模块) ESMCommonJS 仅 ESM
用例 对于使用 require() 的模块 对于使用导入的模块 对于暴露多个入口点的包 对于仅支持 ESM 的软件包
兼容性 在 Node.js 和 CommonJS 中工作 在捆绑程序、现代环境中工作 适用于 Node.js 12,适用于 ESM 和 CommonJS 适用于 ESM 的 Node.js 16
灵活性 仅限一个入口点 ESM 的一个入口点 不同格式的多个入口点 ESM 的一个入口点
现代 JS 中的用法 用于向后兼容 捆绑器中 ESM 的首选 多格式包的首选 现代软件包的简化 ESM 条目
优先级 如果其他人存在,则优先级最低 如果缺少导出,则在捆绑程序中使用 高于 main 和 import 的最高优先级 如果缺少导出则使用
文件路径处理 单个文件 单个文件 可以导出多种文件和格式 ESM 单个文件
Node.js 支持 原生 CommonJS 支持 Node.js 本身不支持 Node.js 12 支持 Node.js 16 支持

结论 - 我对以上四点的呼吁

package.json 中的 exports 字段是一项强大的功能,可以增强现代 JavaScript 开发中包的结构和访问方式。通过允许开发人员为不同的模块格式(例如 ESM 和 CommonJS)定义多个入口点,它可以提高兼容性和灵活性。

使用 exports 字段的主要好处包括:

  1. 清除路径定义

  2. 增强树摇动

  3. 改进的静态分析

  4. 模块化结构

exports 字段不仅实现了包管理的现代化,而且还通过使包使用起来更加直观和高效,显着改善了开发人员的体验。拥抱此功能对于创建高质量、可维护的 JavaScript 库和应用程序至关重要。

感谢chatgpt帮助制作标题和字幕。

版本声明 本文转载于:https://dev.to/rameshpvr/mainly-modules-and-importing-exports-packagejson-nd1?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • Java的Map.Entry和SimpleEntry如何简化键值对管理?
    Java的Map.Entry和SimpleEntry如何简化键值对管理?
    A Comprehensive Collection for Value Pairs: Introducing Java's Map.Entry and SimpleEntryIn Java, when defining a collection where each element com...
    编程 发布于2025-07-07
  • CSS可以根据任何属性值来定位HTML元素吗?
    CSS可以根据任何属性值来定位HTML元素吗?
    靶向html元素,在CSS 中使用任何属性值,在CSS中,可以基于特定属性(如下所示)基于特定属性的基于特定属性的emants目标元素: 字体家庭:康斯拉斯(Consolas); } 但是,出现一个常见的问题:元素可以根据任何属性值而定位吗?本文探讨了此主题。的目标元素有任何任何属性值,属...
    编程 发布于2025-07-07
  • C++成员函数指针正确传递方法
    C++成员函数指针正确传递方法
    如何将成员函数置于c 的函数时,接受成员函数指针的函数时,必须同时提供对象的指针,并提供指针和指针到函数。需要具有一定签名的功能指针。要通过成员函数,您需要同时提供对象指针(此)和成员函数指针。这可以通过修改Menubutton :: SetButton()(如下所示:[&& && && &&华)...
    编程 发布于2025-07-07
  • 在Python中如何创建动态变量?
    在Python中如何创建动态变量?
    在Python 中,动态创建变量的功能可以是一种强大的工具,尤其是在使用复杂的数据结构或算法时,Dynamic Variable Creation的动态变量创建。 Python提供了几种创造性的方法来实现这一目标。利用dictionaries 一种有效的方法是利用字典。字典允许您动态创建密钥并分...
    编程 发布于2025-07-07
  • 如何使用FormData()处理多个文件上传?
    如何使用FormData()处理多个文件上传?
    )处理多个文件输入时,通常需要处理多个文件上传时,通常是必要的。 The fd.append("fileToUpload[]", files[x]); method can be used for this purpose, allowing you to send multi...
    编程 发布于2025-07-07
  • 如何在无序集合中为元组实现通用哈希功能?
    如何在无序集合中为元组实现通用哈希功能?
    在未订购的集合中的元素要纠正此问题,一种方法是手动为特定元组类型定义哈希函数,例如: template template template 。 struct std :: hash { size_t operator()(std :: tuple const&tuple)const {...
    编程 发布于2025-07-07
  • Python元类工作原理及类创建与定制
    Python元类工作原理及类创建与定制
    python中的metaclasses是什么? Metaclasses负责在Python中创建类对象。就像类创建实例一样,元类也创建类。他们提供了对类创建过程的控制层,允许自定义类行为和属性。在Python中理解类作为对象的概念,类是描述用于创建新实例或对象的蓝图的对象。这意味着类本身是使用类关...
    编程 发布于2025-07-07
  • 如何避免Go语言切片时的内存泄漏?
    如何避免Go语言切片时的内存泄漏?
    ,a [j:] ...虽然通常有效,但如果使用指针,可能会导致内存泄漏。这是因为原始的备份阵列保持完整,这意味着新切片外部指针引用的任何对象仍然可能占据内存。 copy(a [i:] 对于k,n:= len(a)-j i,len(a); k
    编程 发布于2025-07-07
  • Android如何向PHP服务器发送POST数据?
    Android如何向PHP服务器发送POST数据?
    在android apache httpclient(已弃用) httpclient httpclient = new defaulthttpclient(); httppost httppost = new httppost(“ http://www.yoursite.com/script.p...
    编程 发布于2025-07-07
  • 如何使用PHP从XML文件中有效地检索属性值?
    如何使用PHP从XML文件中有效地检索属性值?
    从php $xml = simplexml_load_file($file); foreach ($xml->Var[0]->attributes() as $attributeName => $attributeValue) { echo $attributeName,...
    编程 发布于2025-07-07
  • 如何在Java的全屏独家模式下处理用户输入?
    如何在Java的全屏独家模式下处理用户输入?
    Handling User Input in Full Screen Exclusive Mode in JavaIntroductionWhen running a Java application in full screen exclusive mode, the usual event ha...
    编程 发布于2025-07-07
  • 为什么我会收到MySQL错误#1089:错误的前缀密钥?
    为什么我会收到MySQL错误#1089:错误的前缀密钥?
    mySQL错误#1089:错误的前缀键错误descript [#1089-不正确的前缀键在尝试在表中创建一个prefix键时会出现。前缀键旨在索引字符串列的特定前缀长度长度,以便更快地搜索这些前缀。理解prefix keys `这将在整个Movie_ID列上创建标准主键。主密钥对于唯一识别...
    编程 发布于2025-07-07
  • 如何处理PHP文件系统功能中的UTF-8文件名?
    如何处理PHP文件系统功能中的UTF-8文件名?
    在PHP的Filesystem functions中处理UTF-8 FileNames 在使用PHP的MKDIR函数中含有UTF-8字符的文件很多flusf-8字符时,您可能会在Windows Explorer中遇到comploreer grounder grounder grounder gro...
    编程 发布于2025-07-07
  • 您如何在Laravel Blade模板中定义变量?
    您如何在Laravel Blade模板中定义变量?
    在Laravel Blade模板中使用Elegance 在blade模板中如何分配变量对于存储以后使用的数据至关重要。在使用“ {{}}”分配变量的同时,它可能并不总是最优雅的解决方案。幸运的是,Blade通过@php Directive提供了更优雅的方法: $ old_section =“...
    编程 发布于2025-07-07
  • 反射动态实现Go接口用于RPC方法探索
    反射动态实现Go接口用于RPC方法探索
    在GO 使用反射来实现定义RPC式方法的界面。例如,考虑一个接口,例如:键入myService接口{ 登录(用户名,密码字符串)(sessionId int,错误错误) helloworld(sessionid int)(hi String,错误错误) } 替代方案而不是依靠反射...
    编程 发布于2025-07-07

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3