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 的类型定义和注释，使我们能够有效地为外部包提供丰富的智能感知。 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 code IntelliSense 不适用于 webpack 包

vs code IntelliSense not working with webpack bundles

javascript

node.js

jsdoc

webpack

visual-studio-code