为VSCode设置webpack配置文件的代码智能提示(自动补全)

3,494 阅读1分钟

我最近在学习webpack,并使用 VSCode 编写一些学习的demo代码,但我遇到一个问题: 在编写webpack的配置文件 webpack.config.js 时,VSCode没有代码智能提示,没法自动补全

遇到此问题时,我所使用的 VSCode 版本是当前最新的 Ubuntu/Debain 版本: 1.56.2,deb文件(code_1.56.2-1620838498_amd64.deb)。

于是网上搜了下解决方案,找到了这篇文章的如下解决方案,我亲自试验效果ok:

在你的 webpack.config.js 文件里添加如下配置设置:

/**
 * @type {import('webpack').Configuration}
 */

此后,再进行 webpack配置时,就会有代码智能提示了。下图是我实际使用的案例:

webpack2-1-1.gif

(备注: 本文的 gif 图是在ubuntu下录制的, 使用的录制软件是 peek)

参考文档: