fix: require parent template after when condition evaluated as truthy (#4330)

fixes #4291

(cherry picked from commit a1c88ed)

Author: haoqunjiang

packages/@vue/cli/lib/GeneratorAPI.js

@@ -400,6 +400,22 @@ function renderFile (name, data, ejsOptions) {
   const parsed = yaml.loadFront(template)
   const content = parsed.__content
   let finalTemplate = content.trim() + `\n`
+
+  if (parsed.when) {
+    finalTemplate = (
+      `<%_ if (${parsed.when}) { _%>` +
+        finalTemplate +
+      `<%_ } _%>`
+    )
+
+    // use ejs.render to test the conditional expression
+    // if evaluated to falsy vaule, return early to avoid extra cost for extend expression
+    const result = ejs.render(finalTemplate, data, ejsOptions)
+    if (!result) {
+      return
+    }
+  }
+
   if (parsed.extend) {
     const extendPath = path.isAbsolute(parsed.extend)
       ? parsed.extend
@@ -420,13 +436,6 @@ function renderFile (name, data, ejsOptions) {
         finalTemplate = finalTemplate.replace(parsed.replace, content.trim())
       }
     }
-    if (parsed.when) {
-      finalTemplate = (
-        `<%_ if (${parsed.when}) { _%>` +
-          finalTemplate +
-        `<%_ } _%>`
-      )
-    }
   }
 
   return ejs.render(finalTemplate, data, ejsOptions)