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

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

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

plugins: [
    new ProgressBarPlugin(),
    new VueLoaderPlugin(),
	// 新增如下代码即可
		{
			apply: (compiler) => {
				compiler.hooks.done.tap('DonePlugin', (stats) => {
					setTimeout(() => {
						process.exit(0);
					})
				})
			}
		}
  ]
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为了更好地利用长期缓存(long term cache),我们可以采取以下几个策略: 1. 文件名哈希化:在使用Webpack进行打包,可以使用文件名哈希化技术来生成唯一的文件名。这样,当我们对文件进行修改Webpack会生成不同的哈希值,从而使浏览器能够正确地缓存新的文件版本,而不是使用旧的缓存文件。 2. 提取公共模块:使用Webpack的代码分割(code splitting)和提取公共模块(extract common chunks)功能,将公共的模块提取出来生成单独的文件。这样,在项目中的多个页面或多个入口文件中都可以共享这些公共模块,从而减少了重复加载的情况,提高了缓存的有效性。 3. 使用缓存控制策略:在服务器配置中,可以设置相应的缓存控制策略,例如设置资源的过期间(Expires)或者使用缓存标记(Cache-Control)。这样可以告诉浏览器在一定间内使用缓存的资源,从而减少对服务器的请求。 4. 使用持久化缓存:通过使用Webpack插件如`webpack-manifest-plugin`,可以生成一个包含文件名和对应哈希值映射关系的清单文件(manifest),并将其与打包后的资源文件一起提供给浏览器。这样,浏览器在请求资源可以通过清单文件来判断是否需要重新下载资源,从而实现持久化缓存。 通过以上策略,我们可以更好地利用长期缓存,减少不必要的资源下载,提高网页加载性能和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值