वेबपैक

Question

के साथ प्रतिक्रिया में एक छवि को शामिल और संदर्भित करें एक एकल पृष्ठ में प्रतिक्रिया-उपयोग के लिए छवियों को शामिल करने और संदर्भित करने का सबसे अच्छा तरीका जावास्क्रिप्ट ऐप का निर्माण और वेबपैक के साथ बंडल किया गया है?

अब तक मैं

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

है वहाँ एक बेहतर तरीका है?

Answer 1

यदि आप वेबपैक के url-loader का उपयोग कर रहे हैं तो आप फ़ाइल आकार निर्दिष्ट सीमा के तहत स्वचालित रूप से डेटा यूरी एम्बेड करने के लिए कह सकते हैं।

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