Javascript 如何获取节点模块js/json配置文件的自动完成

我对此做了一些研究，但只找到了本地项目特定于IDE的答案，所以我想在这里提问

获取模块配置文件的常规自动完成的最佳方法是什么？

如果您查看像

webpack

或

babel

这样的流行模块，它们的配置文件（.babelrc、babel.config.js、babel.config.json等）甚至它们在package.json中的替代项都有一些可靠的自动完成功能

我在

webpack

中找到了

webpackConfig.json

模式文件和

webpackConfig.d.ts

文件，但我不确定如何在私有模块项目中充分利用这些文件

因此，请尽可能详细地说明如何做到这一点

---

提前感谢。：）

这取决于您的编辑器，但通常web生态系统中的自动完成是使用TypeScript完成的

因此，如果您的编辑器支持TypeScript自动完成（我知道VSCode支持），那么您所要做的就是安装类型定义并告诉编辑器配置文件的类型，然后您将获得自动完成和类型检查

对于

.json

文件，如果有json模式文件，您有时可以添加

“$schema”：“path/or/url/to/schema/file”

例如，对于网页，您可以使用

”https://raw.githubusercontent.com/webpack/webpack/master/schemas/WebpackOptions.json“

尽管大多数工具同时支持

json

和

js

，但只需使用

js

常见配置文件的示例：

---

webpack.config.js

：

/**
*@type{import（'webpack'）.Configuration}
*/
module.exports={
...
};

npm安装--保存dev@types/webpack

或

/**
*@type{import（'webpack/declarations/WebpackOptions'）。WebpackOptions}
*/
module.exports={
...
};

没有任何额外的安装

---

.eslintrc.js

：

/**
*@type{import（'eslint'）.Linter.Config}
*/
module.exports={
...
};

npm安装--保存dev@types/eslint

---

babel.config.js

：

/**
*@type{import（'@babel/core'）.TransformOptions}
*/
module.exports={
...
};

npm安装--save dev@types/babel\uu core

---

vue.config.js

：

/**
*@type{import（'@vue/cli服务'）.ProjectOptions}
*/
module.exports={
...
};

不需要安装任何东西，cli本身附带类型（

@vue/cli service

）

---

---

如果您需要我没有涵盖的其他文件，请询问，我会添加。

谢谢您的回复。但我认为这并不是我想要的100%。首先，

webpack.config.js

不需要这种注释，因为它不起作用，我认为神奇的事情发生在一些webpack模块内部。因此，我们正在尝试创建一个模块，该模块提供一个类似于

myModule.config.js

的配置文件，放置在消费者项目中，该项目会自动获得类似webpack的自动完成功能。只有当您使用WebStorm时，才有webpack的自动完成功能。。。再次-要获得任何其他内容的自动完成，请添加类型