font path with ?# param results in [object Module]

[abhijithbabu]

• Operating System: OSX
• Node Version: 10.16.3
• NPM Version: Yarn
• webpack Version: 4.41.2
• mini-css-extract-plugin Version: 0.8.0

Expected Behavior

Expected behaviour is to have correct file name.
Example url("fonts/Graphik-Regular.eot?#iefix") format("embedded-opentype")

Actual Behavior

Currently it outputs changes path and name to [object Module]
Example: src: url("[object Module]?#iefix") format("embedded-opentype")

Code

Webpack config related part

, {
            test: /\.(png|woff|woff2|eot|otf|ttf|svg)$/,
            use: [
                {
                    loader: 'url-loader',
                    options: {
                        limit: 1000,
                        name: '[name].[ext]',
                        outputPath: 'fonts/'
                    }
                }
            ]
        }, {
            test: /\.scss$/,
            use: [{
                loader: MiniCssExtractPlugin.loader
            },
                {
                    loader: "css-loader",
                    options: {
                        sourceMap: true
                    }
                },
                "sass-loader"
            ]
        }

SCSS sample

@font-face {
    font-family: $graphik-regular;
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype'),
        url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-style: normal;
}

How Do We Reproduce?

You can have a scss with sample below

@font-face {
    font-family: $graphik-regular;
    src: url('../fonts/Graphik-Regular.eot');
    src: url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphik-Regular.woff2') format('woff2'),
        url('../fonts/Graphik-Regular.woff') format('woff'),
        url('../fonts/Graphik-Regular.ttf') format('truetype'),
        url('../fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');
    font-style: normal;
}

[alexander-akait]

Please create reproducible test repo

[abhijithbabu]

Hi

Please find it here https://github.com/abhijithbabu/testrepo

Thanks

[alexander-akait]

Thanks for issue, problem in css-loader, WIP

[alexander-akait]

Fixed webpack-contrib/css-loader#1001 release will be soon