Loader fails on SVG definition rules with URL values

[BarakChamo]

This is an issue moved from less-loader after opening it there by mistake:
webpack-contrib/less-loader#25

The loader seems to break when styles include references to SVG definitions. I'm using the markers in the styles because I don't want to mess with the charting library I'm using but the loader breaks on the URL.

Marker definition:

<defs>
    <marker id="line-marker">
         <circle cx="6" cy="6" r="5"></circle>
    </marker>
</defs>

Marker use:

path.nv-line {
    marker-mid: url('#line-marker');
}

Is there a way of ignoring some URL values in these rules or another way to prevent the loader from failing?

[jhnns]

That's the line responsible. What exactly doesn't work?

I've added a test which confirms that this should work.

[BarakChamo]

The problem is that this reference is not to a file but to a definition in the SVG,
inside <defs> and should not be interpreted yet there is an error:

Error: Cannot resolve directory

Are hash-first urls meant to be ignored or assumed to be shorthand for the current location?

[BarakChamo]

I looked into the part you pointed out, it seems that at that point the URL is already augmented:

In the stylesheet (chart.less inside 'component/' folder):

path.nv-line {
    marker-mid: url('#line-marker');
}

In the loader:

    var url = loaderUtils.parseString(match[2]);
    console.log(url);
    >> components/#line-marker

[BarakChamo]

Seems to be an issue with less.js, reported there in less/less.js#2320

Thanks!

[jhnns]

Anyway, thx for reporting 👍