唐山网站建设唐山erp定制软件开发公司推荐

唐山网站建设唐山,erp定制软件开发公司推荐,旅游公司网站模板,wordpress基地第一种css文件中载入背景图,用或./之类的都可以resolve.alias已经设置过路径就算vite.config.js中设置了base,打包时会自动加上,无需操心第二种行内背景图片地址,在jsx中使用import useImages from /useImages.js var pic useImages()images下直属图片useImages源码因为源码中…第一种css文件中载入背景图,用或./之类的都可以resolve.alias已经设置过路径就算vite.config.js中设置了base,打包时会自动加上,无需操心第二种行内背景图片地址,在jsx中使用import useImages from /useImages.js var pic useImages()images下直属图片useImages源码因为源码中已写死了images,所以在调用时,无需重复写images,只需撰写余下路径另外如果你的文件夹不是images,可以改成别的文件夹名import { useMemo } from react; export default function useImages() { // 扫描 images 目录及其子目录下的所有图片 const modules import.meta.glob(/images/**/*.{png,jpg,jpeg,svg}, { eager: true }); const images useMemo(() { const map {}; Object.entries(modules).forEach(([path, mod]) { // 提取相对路径例如 icons/icon1.png const relativePath path.split(/images/)[1]; map[relativePath] mod.default; }); return map; }, [modules]); return images; }