vs 代码智能感知不适用于 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 代码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 代码方面受到node_modules 。

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

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