javascript - 什么是 jsconfig.json？

Question

如果我在 Internet 上搜索相同的问题，那么我只会得到指向 Visual Studio Code 网站和一些实现它的博客的链接。
我想知道是jsconfig.json特定于 Visual Studio Code 或 javascript/webpack ?
如果我们在 AWS 上部署应用程序会发生什么？ , Heroku等。我们必须做出改变吗？

Answer 1

这是一个配置文件，可以帮助您的编辑器Language Server Protocol (LSP) 在您的项目文件夹中使用 JavaScript。
虽然这似乎源自 Visual Studio Code，但任何使用 LSP 的编辑器都将使用文件 jsconfig.json，包括 Visual Studio Code，Sublime Text等等。
它最常用于在您的智能感知中包含/排除文件夹(现在大多数编辑器都使用 LSP)，并将源代码中的别名映射到某些文件夹。

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "$libs": ["src/libs"],
      "$libs/*": ["src/libs/*"],
    }
  },
  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"],
  "exclude": ["node_modules", "**/node_modules", "dist"]
}

该文件基本上告诉语言服务器:
基本网址
使用 .位置作为项目根目录(文件 jsconfig.json 所在的位置)。
路径
这意味着源代码中的 $libs 指向 /src/libs .如果您的编辑器依赖 LSP 来定位文件，这将非常有用。当您启动转到文件时，它将转到正确的位置。
包括
这意味着包含以这些扩展名结尾的所有文件夹和文件，为您提供文件搜索和代码完成。
排除
这意味着排除 node_modules中的所有内容和 dist文件夹。例如，当您搜索符号或变量时，您不希望已编译的包出现在搜索结果中。
评论
换句话说，您可以认为 jsconfig.json 文件有点像 .gitignore 文件，但仅供编辑器的语言服务器使用。
但请记住，如果您打算使用 jsconfig.json 映射别名，您需要对模块捆绑器进行额外配置，并更新您的 eslint配置，也就是说，如果你使用 ESLint .
例如，在 Node.js/ CommonJS环境，你需要告诉你的 Node.js $libs 是什么。有很多方法可以做到这一点，但现在人们大多使用 module-alias .