Skip URLs starting with tilde

src/lib/paths.js

@@ -35,7 +35,10 @@ const isUrlWithoutPathname = (assetUrl) => {
  * @returns {Boolean}
  */
 const isUrlShouldBeIgnored = (assetUrl, options) => {
-    return isUrlWithoutPathname(assetUrl) || (assetUrl[0] === '/' && !options.basePath);
+    const isAbsolutePath = assetUrl[0] === '/';
+    const isStartsWithTilde = assetUrl[0] === '~';
+
+    return isUrlWithoutPathname(assetUrl) || ((isAbsolutePath || isStartsWithTilde) && !options.basePath);
 };
 
 /**

src/type/copy.js

@@ -13,7 +13,7 @@ const getAssetsPath = paths.getAssetsPath;
 const normalize = paths.normalize;
 
 const getHashName = (file, options) =>
-    (options && options.append ? (path.basename(file.path, path.extname(file.path)) + '_') : '')
+    (options && options.append ? (`${path.basename(file.path, path.extname(file.path))}_`) : '')
      + calcHash(file.contents, options)
      + path.extname(file.path);
 

test/fixtures/skip-urls-with-tilde.css

@@ -0,0 +1,3 @@
+body {
+  background: url("~one"), url("~./two"), url("~@three"), url("~@four/qwe");
+}

test/fixtures/skip-urls-with-tilde.expected.css

@@ -0,0 +1,3 @@
+body {
+  background: url("~one"), url("~./two"), url("~@three"), url("~@four/qwe");
+}

test/type/copy.js

@@ -1,3 +1,8 @@
+compareFixtures(
+  'skip-urls-with-tilde',
+  'should skip URLs with tilde'
+);
+
 describe('copy without assetsPath', () => {
     const opts = {
         url: 'copy'

test/type/inline.js

@@ -24,6 +24,11 @@ describe('inline', () => {
         postcssOpts
     );
 
+    compareFixtures(
+      'skip-urls-with-tilde',
+      'should skip URLs with tilde'
+    );
+
     it('should inline url from dirname(from)', () => {
         const css = processedCss('fixtures/inline-from', opts, postcssOpts);
 

test/type/rebase.js

@@ -86,4 +86,8 @@ describe('rebase', () => {
         opts,
         { from: 'test/fixtures/here', to: 'there' }
     );
+    compareFixtures(
+      'skip-urls-with-tilde',
+      'should skip URLs with tilde'
+    );
 });