fix(transform-require): support ~/ aliases (#927)

* fix(transform-require): support ~/ aliases * test: add tests for ~/ aliases
vuejs · Aug 3, 2017 · c48b6c7 · c48b6c7
1 parent 1172384
commit c48b6c7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/lib/template-compiler/modules/transform-require.js b/lib/template-compiler/modules/transform-require.js
@@ -40,7 +40,8 @@ function rewrite (attr, name) {
     var firstChar = value.charAt(1)
     if (firstChar === '.' || firstChar === '~') {
       if (firstChar === '~') {
-        value = '"' + value.slice(2)
+        var secondChar = value.charAt(2)
+        value = '"' + value.slice(secondChar === '/' ? 3 : 2)
       }
       attr.value = `require(${value})`
     }

diff --git a/test/fixtures/resolve.vue b/test/fixtures/resolve.vue
@@ -2,10 +2,12 @@
 <div>
   <img src="./logo.png">
   <img src="~fixtures/logo.png">
+  <img src="~/fixtures/logo.png">
 </div>
 </template>
 
 <style>
 html { background-image: url(./logo.png); }
 body { background-image: url(~fixtures/logo.png); }
+body { background-image: url(~/fixtures/logo.png); }
 </style>