Question

我有一个简单的webpack配置。

const path = require('path');

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

在我构建并将模块上传到npm并在其他项目中使用它之后， vs code IntelliSense不适用于这些模块。模块函数记录为 jsdoc 。

import { myFunc } from 'myModule';

或者

const myModule = require('myModule');

Myfunc和myModule没有任何IntelliSense自动编译支持。

如何在构建webpack后保持jsdoc正常工作？

Answer 1

如果软件包是通过npm发送的，则需要发布类型定义文件（.d.ts）。 d.ts个文件包含API的类型定义和注释，可以让我们有效地为外部包提供丰富的intellisense。 VS Code不会尝试从node_modules包中加载或解析实际的JS代码。

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

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

vs代码IntelliSense无法使用webpack bundle

1 个答案: