与代码智能感知不与webpack捆绑使用

我有一个简单的webpackconfiguration。

const path = require('path'); module.exports = { devtool: 'source-map', entry: './src/index.js', output: { libraryTarget: 'commonjs', filename: 'index.js', path: path.resolve(__dirname, 'dist'), }, }; 

在构build并将模块上传到npm并在其他项目上使用它们之后， vs代码 IntelliSense不适用于这些模块。 jsdoclogging了模块function。

 import { myFunc } from 'myModule'; 

要么

 const myModule = require('myModule'); 

Myfunc和myModule没有IntelliSense自动压缩支持或任何其他。

如何保持webpack构build后的jsdoc工作？

Answer 1

如果包通过npm传入，则需要发布types定义文件（ .d.ts ）。 d.ts文件包含您的API的types定义和注释，使我们能够有效地为外部软件包提供丰富的智能感知。 VS代码不会尝试从node_modules包加载或parsing实际的JS代码。

以下是关于d.ts文件入门的一些资源：

• VSCode的JS intellisense的工作原理： https ：//code.visualstudio.com/Docs/languages/javascript#_intellisense
• 编写和发布d.ts文件： https ：//www.typescriptlang.org/docs/handbook/declaration-files/introduction.html