webpack或vue-cli自动预加载指定文件夹下的图片资源

2022年05月22日 阅读696次 分类:资源 标签:js微码资源

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://www.zhuyanjun.cn/resource/1911.html

import { LoadQueue } from 'preload-js'

// ... 

const queue = new LoadQueue(false);
const assets = [];

// 指定加载assets目录下的图片
require.context('./assets', true, /\.(jpg|jpeg|png|gif)$/).keys().forEach(function (n) {
  let r = require('./assets/'+ n.replace('./',''));
  if(/^data:/.test(r)) return;
  assets.push(r);
});
queue.loadManifest(assets);
queue.on("progress", function (event) {
  // 资源加载进度 Math.floor(event.progress * 100);
});
queue.on("complete", function () {
  // 资源加载完成
});


(本篇完)

是不是学到了很多?可以

版权声明:本文为博主原创或转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:http://www.zhuyanjun.cn/resource/1911.html