在umi框架中噩咪,圖片等靜態(tài)資源主要放到三個地方:
1.在/pulbic目錄下弄慰,一般放共享資源勺远。
2.在/src/assets/目錄下署尤,一般放全局靜態(tài)資源。
3.在/src/pages/里的各個頁面目錄下亚侠,放在這里的好處是更符合組件化開發(fā)的思想曹体,便于拷貝復(fù)用。
如何訪問靜態(tài)圖片:
1.如果在/public目錄下的靜態(tài)圖片硝烂,可以直接輸入絕對路徑箕别,假設(shè)/public/yay.jpg,訪問方式如下:
<img src="/yay.jpg" />? ? 注意:以上必須構(gòu)建后在dist中才能看到。
2.在/src/assets 和 /src/pages/ 目錄下的圖片滞谢,不能通過輸入絕對路徑訪問究孕,必須先import導(dǎo)入,才能訪問爹凹〕睿或者require導(dǎo)入。
比如 /src/assets/yay.jpg
需:
import yayImg from '/src/assets/yay.jpg';
<img src={yayImg} />
<img src={require('/src/assets/yay.jpg')}
為什么會這樣呢禾酱?主要是因為構(gòu)建時微酬,/public目錄下的文件會原樣復(fù)制到/dist/目錄下,而/src/assets/? 和? /src/pages/目錄下的文件會被改名并復(fù)制到/dist/下颤陶。