Vue Webpack 如何收集各个组件 css中的链接资源，生成resource.json

Question

问题描述

目前项目中有很多活动页组件，使用了大量的网络图片资源
用户在首次切换活动时会造成图片加载闪烁，需要做到无任何感知的切换

问题出现的环境背景及自己尝试过哪些方法

由于图片资源是分布在各个组件中的，不太好去做预加载，能不能用webpack提取各个组件中的网络资源地址，生成plist.json这样在页面打开时 由父组件去预加载所有图片资源，不需要等到组件渲染时再去预加载

Answer 1

写一个简单的脚本，正则爬一下所有vue文件的图片链接不就可以。