编写webpack配置时的代码提示以及webpack文件自动生成方案

webpack文件自动生成

安利一款vscode插件:

自动生成的文件(原装效果图):

vscode直接搜索webpack直接安装即可,使用时ctrl+shift+p输入create即可查询到该功能

其他IDE理论上也应该有这样的插件,  如果没有 就自己撸一个吧~

webpack配置时的代码提示

效果图:

实现方法:

利用 ts 的声明文件来实现智能提示

安装依赖 npm i -D @types/webpack

接着在配置文件里加上 @type {import('webpack').Configuration} 声明。

如上图。