vs code IntelliSense 不适用于 webpack 包

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 的类型定义和 cmets，使我们能够有效地为外部包提供丰富的智能感知。 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