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

移除过时webpack插件，改用node.js内置模块解决启动警告

最新推荐文章于 2024-03-24 22:23:39 发布

原创最新推荐文章于 2024-03-24 22:23:39 发布 · 4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#node.js #webpack #javascript

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

报错： 之前 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');