node16使用webpack打包时不退出命令行

最新推荐文章于 2025-04-01 14:17:10 发布

原创最新推荐文章于 2025-04-01 14:17:10 发布 · 561 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #前端 #node.js

文章讲述了在将ElementUI库项目的Node.js版本从14升级到16时，遇到Webpack打包命令无法连续执行的问题，原因是单个命令完成后未退出。解决方案是在每个Webpack配置文件中添加一个插件，确保打包完成后退出进程。

公司类elementui库项目，从node14升级到node16时，执行多个webpack命令，不能连续执行，表现就是执行完一个打包之后，卡在那里，原因就是单个webpack命令打包完成以后，未退出命令，可以在每个webpack的config文件中添加几行代码。

plugins: [
    new ProgressBarPlugin(),
    new VueLoaderPlugin(),
	// 新增如下代码即可
		{
			apply: (compiler) => {
				compiler.hooks.done.tap('DonePlugin', (stats) => {
					setTimeout(() => {
						process.exit(0);
					})
				})
			}
		}
  ]