fix: use babel to compile TS

Author: eddyerburgh

lib/compilers/typescript-compiler.js

@@ -1,5 +1,6 @@
-const ensureRequire = require('../ensure-require')
 const tsconfig = require('tsconfig')
+const ensureRequire = require('../ensure-require')
+const compileBabel = require('./babel-compiler')
 const cache = require('../cache')
 const logger = require('../logger')
 
@@ -10,7 +11,7 @@ const defaultTypescriptConfig = {
       'dom',
       'es6'
     ],
-    'module': 'commonjs',
+    'module': 'es2015',
     'moduleResolution': 'node',
     'types': ['vue-typescript-import-dts', 'jest', 'node'],
     'isolatedModules': false,
@@ -28,20 +29,20 @@ const defaultTypescriptConfig = {
 }
 
 function getTypescriptConfig () {
-  // const cachedConfig = cache.get('typescript-config')
-  // if (cachedConfig) {
-  //   return cachedConfig
-  // } else {
-  const { config } = tsconfig.loadSync(process.cwd())
+  const cachedConfig = cache.get('typescript-config')
+  if (cachedConfig) {
+    return cachedConfig
+  } else {
+    const { config } = tsconfig.loadSync(process.cwd())
 
-  if (!config) {
-    logger.info('no tsconfig.json found, defaulting to default typescript options')
-  }
+    if (!config) {
+      logger.info('no tsconfig.json found, defaulting to default typescript options')
+    }
 
-  const typescriptConfig = config || defaultTypescriptConfig
-  cache.set('typescript-config', typescriptConfig)
-  return typescriptConfig
-  // }
+    const typescriptConfig = config || defaultTypescriptConfig
+    cache.set('typescript-config', typescriptConfig)
+    return typescriptConfig
+  }
 }
 
 module.exports = function compileTypescript (scriptContent) {
@@ -51,5 +52,5 @@ module.exports = function compileTypescript (scriptContent) {
 
   const res = typescript.transpileModule(scriptContent, tsConfig)
 
-  return { code: res.outputText, sourceMap: res.sourceMapText }
+  return compileBabel(res.outputText, JSON.parse(res.sourceMapText))
 }

test.sh

@@ -8,4 +8,4 @@ cp package.json temp-dir/package.json
 cp .babelrc temp-dir/.babelrc
 cp tsconfig.json temp-dir/tsconfig.json
 cd temp-dir
-yarn unit:run
+yarn unit:run    

test/resources/TypeScript.vue

@@ -3,11 +3,16 @@
 </template>
 
 <script lang="ts">
+import TypeScriptChild from './TypeScriptChild.vue'
+
 export default {
     computed: {
         exclamationMarks(): string {
             return  'string'
         }
+    },
+    components: {
+      TypeScriptChild
     }
 };
 </script>

test/resources/TypeScriptChild.vue

@@ -0,0 +1,13 @@
+<template>
+    <div></div>
+</template>
+
+<script lang="ts">
+export default {
+    computed: {
+        exclamationMarks(): string {
+            return  'string'
+        }
+    }
+};
+</script>

tsconfig.json

@@ -5,7 +5,7 @@
       "dom",
       "es6"
     ],
-    "module": "commonjs",
+    "module": "es2015",
     "moduleResolution": "node",
     "types": ["vue-typescript-import-dts", "jest", "node"],
     "isolatedModules": false,