Cannot import files when using a resource query

[DimitarNestorov]

If I omit ?external it imports the image but inline, forcing me to use data URIs.

I created a repository showcasing the issue: https://github.com/dimitarnestorov/sass-loader-resource-query-test

At first I thought the problem was in sass-loader so I opened an issue there but it was later discovered that extract-loader was the culprit: webpack/sass-loader#615 (comment)

[ckrjq]

I encountered the same problem when trying to include @mdi/font, which also use a query-param:

sass file:

$mdi-font-path: '~@mdi/font/fonts';
@import "~@mdi/font/scss/materialdesignicons";

webpack config (relevant part):

            {
                test: /\.s[ac]ss$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: 'file-loader',
                        options: {
                            name: '[name].[ext]',
                        }
                    },
                    {
                        loader: 'extract-loader',
                    },
                    'css-loader',
                    'sass-loader'
                ],
            },

Error message:

Error: Cannot find module '@mdi/font/fonts/materialdesignicons-webfont.eot?v=3.2.89' from '/srv/s/website-poc/src/styles'

[DimitarNestorov]

@ckrjq can you test my pull request?

In your package.json change extract-loader to be dimitarnestorov/extract-loader#be04fb0496be7ccd946618c423366e9611ff45af like so:

Then just run yarn/npm install to install that version and run webpack.

[ckrjq]

Tested. This fixes my issue.

[arturaum]

@DimitarNestorov thats works! Useful!

[jannikkeye]

Fixed in #66