agriculture-one-map/src/utils/assetLoader.js

// 静态资源加载工具
// 用于在 Vite 环境中加载静态资源

/**
 * 加载图片资源
 * @param {string} path 图片路径
 * @returns {string} 图片URL
 */
export function loadImage(path) {
  // 在 Vite 中，我们可以直接使用相对路径
  // 或者使用 new URL() 方法
  if (path.startsWith('@/')) {
    // 将 @/ 替换为 /src/
    return path.replace('@/', '/src/');
  }
  return path;
}

/**
 * 批量加载图片资源
 * @param {Object} imageMap 图片映射对象
 * @returns {Object} 处理后的图片映射
 */
export function loadImages(imageMap) {
  const result = {};
  for (const [key, path] of Object.entries(imageMap)) {
    result[key] = loadImage(path);
  }
  return result;
}

/**
 * 动态加载图片（用于模板中的动态路径）
 * @param {string} basePath 基础路径
 * @param {string} fileName 文件名
 * @returns {string} 完整的图片URL
 */
export function loadDynamicImage(basePath, fileName) {
  return loadImage(`${basePath}/${fileName}`);
}

export default {
  loadImage,
  loadImages,
  loadDynamicImage
};