【node.js】DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead

最新推荐文章于 2023-05-06 14:18:28 发布

Rem486

最新推荐文章于 2023-05-06 14:18:28 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

文章标签： node.js webpack javascript

本文链接：https://blog.youkuaiyun.com/lty1010/article/details/124683589

博客讲述了在遇到webpack启动时的DeprecationWarning警告后，如何从旧API迁移到新的webpack hooks API。作者发现所使用的open-browser-webpack-plugin已长时间未更新，因此决定移除该插件，转而利用node.js的child_process模块直接启动浏览器。通过这个方法，作者成功消除了警告并实现了相同的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错： 之前 node 服务启动之后，发现会报错 DeprecationWarning: Tapable.plugin is deprecated. Use new API on '.hooks' instead

问题原因

这是 webpack 的告警，因为 webpack 插件使用了旧的 API 导致的。
webpack-error

再对比 webpack 的提示，需要修改调用方式官方文档

// 旧
compiler.plugin('watch-run', function checkWatchingMode(watching, done) {
  isWatching = true;
  done();
});

// 新
compiler.hooks.watchRun.tap('watch-run', function checkWatchingMode(watching, done) {
  isWatching = true;
  done();
});

然后翻看插件文档 open-browser-webpack-plugin@0.0.5，发现已经好几年没有更新了。。。

突然想起 node.js 好像可以直接启动浏览器并打开某网址。所以去掉插件，使用 node.js 的内置模块 child_process。

参考代码：

const childProcess = require('child_process');
// 使用默认浏览器打开
childProcess.exec('start http://www.baidu.com');
// 使用指定浏览器打开
childProcess.exec('start firefox http://www.baidu.com');