Vue3 + webpack5 项目启动出现警告 VUE_OPTIONS_API, VUE_PROD_DEVTOOLS are not explicitly defined…

最近在项目启动的时候,突然发现控制台输出一个警告,虽说不影响项目运行,但是对于有强迫症的我来说,还是得解决下。

项目报错:

解决方案:在 webpack.config.jsplugins 添加如下配置。

new webpack.DefinePlugin({__VUE_OPTIONS_API__: true, // 是否开启 options API,学习Vue3之后我们知道,以前我们学习vue主要是options语法,Vue3新增了setup语法(推荐)。__VUE_PROD_DEVTOOLS__: false // 生产环境是否支持DEVTOOLS}),