企业官网建设流程全解析

峰峰网站建设,上海网站制作是什么,网站开发技术部经理素质模型,移动网站开发百度百科第一种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; }