Ignores all parameters (CSS/SASS/PostCSS)

[strarsis]

I am using SASS with PostCSS together with responsive-loader in a webpack setup.
The size parameter is ignored, always the original (max) size file used.

Example:

.test {
  background-image: url(../images/background.jpg?size=1600&quality=10);
}

parsedResourceQuery is empty for the files referenced from within the SCSS files.

[jstcki]

Can you create a reproducible test case in a public repo or Gist?

[strarsis]

@herrstucki: Yes, I prepared a sample: https://github.com/strarsis/sage/tree/responsive-loader-issue-51

$ git clone https://github.com/strarsis/sage
$ cd sage
$ git checkout responsive-loader-issue-51
$ nvm use lts/*

$ yarn/npm install
$ yarn/npm build

Check dist/ folder afterwards: A new file is generated (including hash) and referenced to from
within the styles, but this image still has the original dimensions, the size parameter is ignored.

[strarsis]

Using keepQuery: true as option for resolve-url fixes the issue:

            { loader: 'resolve-url', options: { sourceMap: config.enabled.sourceMaps, keepQuery: true } },

Also in bholloway/resolve-url-loader#81 (comment)

[strarsis]

@herrstucki: Just ran into this issue again (sage9 based theme),
it could help other devs if this is also mentioned in the README.