如何让webpack.config.js在vscode中支持智能提示

首先使用import { Configuration } from 'webpack'从webpack中导入Configuration；

接着用JSDoc的方式为配置对象添加类型为Configuration。

代码示例如下：

import { Configuration } from 'webpack'

/**
 * @type {Configuration}
 */
const config = {
  // ...
}

module.exports = config

注意：运行webpack前要先将import { Configuration } from 'webpack'注释掉。

如果懒得每次都去注释掉Configuration的导入语句，可以使用TypeScript中提供的特性（虽然这里是js文件，但可以直接用），代码示例如下：

/** @type {import('webpack').Configuration} */
const config = {
  // ...
}
module.exports = config

这样在vscode中编写webpack.config.js文件时就有智能提示了。