CSS is generated with "module.exports" JavaScript code about svg-url-loader HOT 8 CLOSED

I experienced the same issue and resolved it by excluding the path for my svg icons. A snippet of my loaders looks like this:

    {
      test: /\.svg$/i,
      loader: "svg-url-loader",
    },
    {
      test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
      loader: "file-loader",
      exclude: [path.resolve(__dirname, "src/img")],
    },
  ]

My situation is that I have a folder of svg icons I wanted to load as data URL's, so I could explicitly exclude these from the file loader. Maybe that can provide some additional insight, even if that's not what is going on here...

from svg-url-loader.

Actually, @bentsai already provided a solution. If you use file-loader, it works together with svg-url-loader, resulting in module.exports= in output bundle.

To avoid all issues, one should exclude svg icons referenced from CSS file from file-loader.

To be 100% sure, I've written 2 test cases, one with file-loader configured to handle both TTF and SVG files, and another one configured to handle only TTF files.
First one failed, because of module.exports= in the code.
Second one produced correct bundle.

I am closing this issue, as it is caused by wrong webpack configuration and not by bug in svg-url-loader.

from svg-url-loader.

Same here.

from svg-url-loader.

I'll open a PR to fix this but, i don't know if the solution i take is the best but, solved my problem.

from svg-url-loader.

Same issue here versions used match @gabrielrtakeda

from svg-url-loader.

Provided PR fails existing tests, so I think this issue needs more investigation.
Can you please come back with entry file (truncated to the minimum amount of lines required to reproduce the issue) and full webpack config?

from svg-url-loader.

Can you please come back with entry file (truncated to the minimum amount of lines required to reproduce the issue) and full webpack config?

Its provided in the original issue.

from svg-url-loader.

@gajus, do you use css file as a webpack entry?
From the part of webpack config you've provided it is not clear which entries do you have...

from svg-url-loader.