首页 > 代码片段 > 前端

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

时间:2019-11-11|浏览次数:148次
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 () {
  // 资源加载完成
});