urlloader – Tarik Billa

Url-loader vs File-loader Webpack

March 26, 2023 by Tarik

url-loader will encode files to base64 and include them inline rather than having them loaded as separate files with another request. A base64 encoded file may look something like this: data:;base64,aW1wb3J0IFJlYWN0IGZ… This would be added into your bundle.

Dynamically Add Images React Webpack

February 3, 2023 by Tarik

Using url-loader, described here (SurviveJS – Loading Images), you can then use in your code : import LogoImg from ‘YOUR_PATH/logo.png’; and <img src={LogoImg}/> Edit: a precision, images are inlined in the js archive with this technique. It can be worthy for small images, but use the technique wisely.