Lottie图片资源提取,生成js文件 配置文件:
[
"https://xxx/ceremonyBlessingBagFirst/data.json"
]
生成格式如下:
window._config = [
{
"key": "ceremonyBlessingBagFirst",
"url": "https://xxx/ceremonyBlessingBagFirst/data.json"
},
{
"key": "ceremonyBlessingBagFirst_img_0.png",
"url": "https://xxx/ceremonyBlessingBagFirst/images/img_0.png",
"source": "https://xxx/ceremonyBlessingBagFirst/data.json",
"lottieName": "ceremonyBlessingBagFirst"
},
{
"key": "ceremonyBlessingBagFirst_img_1.png",
"url": "https://xxx/ceremonyBlessingBagFirst/images/img_1.png",
"source": "https://xxx/ceremonyBlessingBagFirst/data.json",
"lottieName": "ceremonyBlessingBagFirst"
},
{
"key": "ceremonyBlessingBagFirst_img_2.png",
"url": "https://xxx/ceremonyBlessingBagFirst/images/img_2.png",
"source": "https://xxx/ceremonyBlessingBagFirst/data.json",
"lottieName": "ceremonyBlessingBagFirst"
},
{
"key": "ceremonyBlessingBagFirst_img_3.png",
"url": "https://xxx/ceremonyBlessingBagFirst/images/img_3.png",
"source": "https://xxx/ceremonyBlessingBagFirst/data.json",
"lottieName": "ceremonyBlessingBagFirst"
}
];
插件配置:
//to 为相对outPath的相对路径
const to=path.join("lottie", "test");
//configPath 需要提取的lottie配置文件路径
//outFileName 提取的资源保存文件名(使用.js保存)
//to 提取的资源保存路径 (相对于output)
//globalName 提取的资源访问全局对象名称
new LottieExtractAssetsPlugin({configPath:"./lottieConfig.json",to:to,outFileName:"lottie-assets.js",globalName:"window._config"})