裝修公司營(yíng)銷(xiāo)網(wǎng)站模板,做的網(wǎng)站底部應(yīng)該標(biāo)注什么意思,采購(gòu)平臺(tái)app,東莞關(guān)鍵詞優(yōu)化實(shí)力樂(lè)云seo第一種css文件中載入背景圖,用或./之類(lèi)的都可以resolve.alias已經(jīng)設(shè)置過(guò)路徑就算vite.config.js中設(shè)置了base,打包時(shí)會(huì)自動(dòng)加上,無(wú)需操心第二種行內(nèi)背景圖片地址,在jsx中使用import useImages from /useImages.js var pic useImages()images下直屬圖片useImages源碼因?yàn)樵创a中…第一種css文件中載入背景圖,用或./之類(lèi)的都可以resolve.alias已經(jīng)設(shè)置過(guò)路徑就算vite.config.js中設(shè)置了base,打包時(shí)會(huì)自動(dòng)加上,無(wú)需操心第二種行內(nèi)背景圖片地址,在jsx中使用import useImages from /useImages.js var pic useImages()images下直屬圖片useImages源碼因?yàn)樵创a中已寫(xiě)死了images,所以在調(diào)用時(shí),無(wú)需重復(fù)寫(xiě)images,只需撰寫(xiě)余下路徑另外如果你的文件夾不是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]) { // 提取相對(duì)路徑例如 icons/icon1.png const relativePath path.split(/images/)[1]; map[relativePath] mod.default; }); return map; }, [modules]); return images; }