如何讓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文件時就有智能提示了。