fix single animation name

Author: yyx990803

lib/style-compiler/plugins/scope-id.js

@@ -32,17 +32,15 @@ module.exports = postcss.plugin('add-id', function (opts) {
     })
 
     // If keyframes are found in this <style>, find and rewrite animation names
-    // in declarations
-    //
-    // TODO: the keyframes tracking needs to be across multiple <style> tags
-    // that belongs to the same component...
+    // in declarations.
+    // Caveat: this only works for keyframes and animation rules in the same
+    // <style> element.
     if (Object.keys(keyframes).length) {
       root.walkDecls(decl => {
         // individual animation-name declaration
         if (/-?animation-name$/.test(decl.prop)) {
           decl.value = decl.value.split(',')
-            .map(v => keyframes[v.trim()])
-            .filter(v => v)
+            .map(v => keyframes[v.trim()] || v.trim())
             .join(',')
         }
         // shorthand