extract tempalte as raw string when lang is present (fix #72)

Author: yyx990803

lib/compiler.js

@@ -211,9 +211,13 @@ function isScoped (node) {
  */
 
 function processTemplate (node, filePath, id, hasScopedStyle, fullSource) {
-  var template = checkSrc(node, filePath) || parse5.serialize(node.content)
-  template = deindent(template)
   var lang = checkLang(node)
+  var template = checkSrc(node, filePath) || (
+    lang
+      ? getRawTemplate(node, fullSource) // custom template, extract as raw string
+      : parse5.serialize(node.content) // normal HTML, use serialization
+  )
+  template = deindent(template)
   if (!lang) {
     var warnings = validateTemplate(node.content, fullSource)
     if (warnings) {
@@ -239,6 +243,25 @@ function processTemplate (node, filePath, id, hasScopedStyle, fullSource) {
     })
 }
 
+/**
+ * Extract the raw content of a template node.
+ * This is more reliable because if the user uses a template language
+ * that would confuse parse5 (e.g. ejs), the serialization result
+ * would be different from original.
+ *
+ * @param {Node} node
+ * @param {String} source
+ */
+
+function getRawTemplate (node, source) {
+  var content = node.content
+  var l = content.childNodes.length
+  if (!l) return ''
+  var start = content.childNodes[0].__location.startOffset
+  var end = content.childNodes[l - 1].__location.endOffset
+  return source.slice(start, end)
+}
+
 /**
  * Process a style node
  *
@@ -355,7 +378,7 @@ function compileAsPromise (type, source, lang, filePath) {
           // report babel error codeframe
           if (err.codeFrame) {
             process.nextTick(function () {
-              console.error(err.codeFrame) 
+              console.error(err.codeFrame)
             })
           }
           return reject(err)
@@ -392,6 +415,10 @@ function extract (parts, type) {
     .join('\n')
 }
 
+/**
+ * Pad content into empty lines.
+ */
+
 function padContent (content, lang) {
   return content
     .split(/\r?\n/g)