ApoorvSaxena / ApoorvSaxena/lozad.js

lozad breaks (webpack) responsive-loader

Open
#216 3 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
7.5k
Forks
435
PR merge metrics
No merged PRs in 30d

Description

I'm giving lozad a try after reading your featured CSS Tricks article, and I love it. There's only one issue: it breaks responsive-loader generation of any jpg specified in an HTML file (I'm doing responsive images with data-srcset and data-src as per documentation). CSS background jpg are fine.

## Expected Behavior
- without lozad everything works fine and responsive-loader creates the responsive images, they turn fine in bundled code

## Current Behavior
- with lozad, only CSS jpg and HTML png work. any other jpg in HTML is a 404 because it won't be generated.

## Possible Solution
- I have no clue sorry

## Steps to Reproduce (for bugs)
- is better to link you to my repo so you can check all the config (master and lozad branches).
https://gitlab.com/gacallea/gentlewashrec
- the master builds fine
- lozad branch has the issue

## Context
- trying to use lazy loading for responsive images

## Tested on:
* Browser Name and version:
- (all latest): chrome, firefox, safari, opera, brave, vivaldi.
* Operating System and version (desktop or mobile):
macOS Mojave (latest patch)

## EDIT:
this responsive-loader https://github.com/herrstucki/responsive-loader

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.