fix: respect #hash in sources

Author: evilebottnawi

src/plugins/source-plugin.js

@@ -516,13 +516,19 @@ export default (options) =>
     let offset = 0;
 
     for (const source of sources) {
-      const { value, startIndex, unquoted } = source;
-      const uri = parse(value);
+      const { startIndex, unquoted } = source;
+      let { value } = source;
+      const URLObject = parse(value);
 
-      if (typeof uri.hash !== 'undefined') {
-        uri.hash = null;
+      if (typeof URLObject.hash !== 'undefined') {
+        const { hash } = URLObject;
 
-        source.value = uri.format();
+        URLObject.hash = null;
+        source.value = URLObject.format();
+
+        if (hash) {
+          value = value.slice(0, value.length - hash.length);
+        }
       }
 
       const importKey = urlToRequest(

test/__snapshots__/attributes-option.test.js.snap

@@ -224,3 +224,11 @@ <h2>An Ordered HTML List</h2>
 <img src      =      ~aliasImageWithSpace      />
 <img src      =      "~aliasImageWithSpace"      />
 <img src      =      '~aliasImageWithSpace'      />
+
+<img src="#hash" />
+<img src="javascript:void(0)" />
+<img src='image.png#hash' />
+<img src=image.png#hash />
+<img src=image.png# />
+<img srcset="image.png#hash" />
+<img srcset="image.png#foo 480w, image.png#bar 800w" sizes="(max-width: 600px) 480px, 800px" src="image.png#baz" alt="Elva dressed as a fairy">