img srcset compiler error.

[zhe-he]

when i use
<img src="../images/card1.png" srcset="../images/card1@2x.png 2x,../images/card1@3x.png 3x" />
in .vue.
it will be compiled
<img src="dist/images/card1.png" srcset="../images/card1@2x.png 2x,../images/card1@3x.png 3x" />.
It's not a correct thing to do actually.It should be
<img src="dist/images/card1.png" srcset="dist/images/card1@2x.png 2x,dist/images/card1@3x.png 3x" />.

Can add srcset compiler？

[dfdgsdfg]

Check this out.

vuejs-templates/webpack#396

[kazupon]

Close (See the above comment URL)

[tillkolter]

I think this should not be closed, because there is a demand for this feature.

I ran into the same problem and could not even solve it as proposed in the above comment URL. Error was the following (with no further details):

Syntax Error: Unexpected token (61:18)

I experimented and found out that the .1 .2 notation with numbers was not allowed and I could solve it by using a non-numeric pattern.

But isnt the binding strategy not just a workaround and the pattern that @zhe-he posted what we would expect to work?

[ctoLarsson]

Definitely should re-open. Any page gets a penalty on Google PageSpeed if not including the 1x size image, while almost all user devices today are 2x. So right now there is no acceptable solution to include images in Vue...

[AndreKR]

Absolutely. There is no reason vue-loader should treat src special but not srcset.

[AndreKR]

I made a PR. (#953)