JS函数：用于获取本地SVG图标名称列表

JS函数：用于获取本地 SVG 图标的名称列表。它通过 import.meta.glob 函数来匹配指定目录下的所有 SVG 文件，然后提取文件名并返回一个包含这些文件名的数组。

逐行解读

export function getLocalIcons() {

• 定义了一个名为 getLocalIcons 的函数，并将其导出，以便在其他地方可以导入和使用。

  const svgIcons = import.meta.glob('/src/assets/svg-icon/*.svg');

• 使用 import.meta.glob 函数来匹配项目中 /src/assets/svg-icon/ 目录下的所有 .svg 文件。

• import.meta.glob 是一个 Vite 提供的函数，用于在开发和构建时动态地导入匹配的模块。

• 这里返回的是一个对象，对象的键是匹配到的文件路径，值是对应的模块加载器。

  const keys = Object.keys(svgIcons)

• 使用 Object.keys(svgIcons) 获取 svgIcons 对象的所有键，也就是匹配到的 SVG 文件的路径数组。

    .map(item => item.split('/').at(-1)?.replace('.svg', '') || '')

• 对路径数组中的每个路径进行处理：

  • 使用 split('/') 将路径字符串分割成数组。

  • 使用 at(-1) 获取数组的最后一个元素，也就是文件名（包含 .svg 后缀）。

  • 使用 replace('.svg', '') 将文件名中的 .svg 后缀移除。

  • 如果处理过程中出现空值（比如路径格式不正确），则返回空字符串。

    .filter(Boolean);

• 使用 filter(Boolean) 过滤掉数组中的空值（即那些处理后得到空字符串的项）。

  return keys;
}

• 返回处理后的文件名数组，也就是本地 SVG 图标的名称列表。