vue3 获取asset文件夹下所有资源文件列表

import path from "path";

 

const getLayerBgs = function () {

  const imgs: any = [];

  // 获取所有背景图层

  //读取文件的路径 是否遍历文件的子目录 匹配文件正则表达式

  const files = require.context("@/assets/layer", false, /\.(png|jpg|jpeg)$/);

  //files(key).default拿到该模块的vue对象

  files.keys().forEach((key) => {

    const name = path.basename(key);

    const item = {};

    item["imageUrl"] = "@/assets/layer/" + name;

    item["imageName"] = name;

    imgs.push(item);

  });

};

如果报错参考以下链接：

参考链接：https://blog.csdn.net/qq_54089372/article/details/127652316