Dołączanie i odwoływanie się do obrazu w reakcji na pakiet internetowy

Question

Jaki jest najlepszy sposób dołączania i obrazów referencyjnych do użycia w trybie reakcji w pojedynczej kompilacji aplikacji JavaScript w pakiecie z pakietem sieci Web?

tej pory mam

return (<img src={require('./pic.png'}</div>) 

Czy istnieje lepszy sposób?

Answer 1

Jeśli korzystasz z pakietu Webpack o nazwie url-loader, możesz powiedzieć mu, aby automatycznie osadzał dane, jeśli rozmiar pliku jest poniżej określonego limitu.

require("url?limit=10000!./pic.png"); 
// => DataUrl if "pic.png" is smaller that 10kb