webpack setup with responsive-loader and cache-loader.
First leave the cache-loader disabled and let the responsive-loader resize some images (e.g. during CSS build). Notice that the resized images are correctly written to disk as files.
Now enable the cache-loader, run the build again. Notice that these files are not written to disk anymore, they are completely missing. Also inspect the cache folder and notice there are cache files for these resized images, but too small for an image file and they contain similar base64 encoded payload as above.
Additional notes
The cache files are very small for image files, the base64-decoded payload looks like this:
Expected Behavior
Image files emitted by the
responsive-loader
should correctly cached or at least be written to disk.Actual Behavior
All image files emitted by the
responsive-loader
are missing, they are not written as files to disk.Code
How Do We Reproduce?
webpack setup with
responsive-loader
and cache-loader. First leave the cache-loader disabled and let theresponsive-loader
resize some images (e.g. during CSS build). Notice that the resized images are correctly written to disk as files. Now enable the cache-loader, run the build again. Notice that these files are not written to disk anymore, they are completely missing. Also inspect the cache folder and notice there are cache files for these resized images, but too small for an image file and they contain similar base64 encoded payload as above.Additional notes
The cache files are very small for image files, the base64-decoded payload looks like this:
No binary data of the actual image files can be found.