如何让 VSCode 认识你正在开发的 NPM 模块

假如你正在开发一个 NPM 模块 echox,并且在 src/index.js 里面导出了一系列方法:

// ./src/index.js
export function html() {
 // ...
}

然后在 tests/index.spec.js 里面新增了以下一行:

// ./tests/index.spec.js
import * as X from 'echox';

如何让 VSCode 认识 echox?或者更具体的是:如何通过 cmd + 点击上面一行的 'echox' 跳转到对应的源码?

这里的解决办法是修改 packge.jsonexports.default 字段如下:

{
  "exports": {
    "default": "./src/index.js"
  }
}

这样就可以得到如下的结果:

image.png

可以发现 "echox" 已经被 VSCode “认识”了!

这是因为 IDE 会在 package.jsonnode_modules 两个地方去解析依赖。当在 package.json 指定了 exports.default 之后,IDE 将知道:无论何时尝试导入开发模块且未指定特定子路径,都应加载 src/index.js 文件,从而“认识”了开发模块。

完整的代码可以参考在这里 #55,如果觉得不错的话可以给 echox 点一个 star!

最近更新

  1. TCP协议是安全的吗?

    2024-06-06 15:52:06       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-06 15:52:06       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-06 15:52:06       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-06 15:52:06       18 阅读

热门阅读

  1. 什么是HTTPS协议,与HTTP协议有什么区别

    2024-06-06 15:52:06       10 阅读
  2. 【杂记-webshell恶意脚本木马】

    2024-06-06 15:52:06       7 阅读
  3. PTA R6-1 寻找链表元素的前驱结点

    2024-06-06 15:52:06       8 阅读
  4. 逆序数求解算法

    2024-06-06 15:52:06       6 阅读
  5. CSRF 令牌的生成过程和检查过程

    2024-06-06 15:52:06       8 阅读
  6. Xilinx FPGA 管脚的默认电平配置方法 XDC约束

    2024-06-06 15:52:06       10 阅读
  7. shell 支持多线程

    2024-06-06 15:52:06       7 阅读
  8. 【前端每日基础】day34——HTTP和HTTPS

    2024-06-06 15:52:06       7 阅读