优化模板解析

lib/compile-vue.js

@@ -298,15 +298,41 @@ export function compileVue(file, imports, options = {}) {
 
   js = js ? js[1] : ''
 
-  html = compile(html[1], {
+  try {
-    mode: 'module',
+    html = compile(html[1], {
-    prefixIdentifiers: true,
+      mode: 'module',
-    hoistStatic: true,
+      prefixIdentifiers: true,
-    cacheHandlers: true,
+      hoistStatic: true,
-    scopeId: scoped ? scopeId : void 0,
+      cacheHandlers: true,
-    sourceMap: false,
+      scopeId: scoped ? scopeId : void 0,
-    isCustomElement: tag => tag.startsWith('wc-')
+      sourceMap: false,
-  }).code.replace('export function render', 'function render')
+      isCustomElement: tag => tag.startsWith('wc-')
+    }).code.replace('export function render', 'function render')
+  } catch (err) {
+    let tmp = html[1].split('\n')
+    let line = tmp[err.loc.start.line - 1]
+
+    console.log('%s: %s', red('SyntaxError'), red(err.message))
+    console.log(
+      '  @ %s%s%s',
+      line.slice(0, err.loc.start.column - 1),
+      red(err.loc.source),
+      line.slice(err.loc.end.column - 1)
+    )
+    console.log(
+      '  @ (%s:%d:%d)\n',
+      file,
+      err.loc.start.line,
+      err.loc.start.column
+    )
+    html = `
+import { openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue"
+
+function render(_ctx, _cache) {
+  return (_openBlock(), _createElementBlock("div", null, "SyntaxError: ${err.message}"))
+}
+    `
+  }
 
   html = html
     .replace(/import .* from "vue"/, str => {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "fite",
   "type": "module",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "bin": {
     "fite": "index.js"
   },