Fix asset transform paths, fix SFCs with no template tag, fix babel p…

…reset resolution (#19)

* fix: use root from config when transforming asset urls

* fix: handle windows paths when transforming asset urls

* fix: fix uninitialized const

* fix: resolve babel preset from correct location

* fix: don't try to transform jsx in .ts files

src/index.ts

@@ -68,6 +68,11 @@ export function createVuePlugin(rawOptions: VueViteOptions = {}): Plugin {
       return handleHotUpdate(ctx, options)
     },
 
+    configResolved(config) {
+      options.isProduction = config.isProduction
+      options.root = config.root
+    },
+
     configureServer(server) {
       options.devServer = server
     },
@@ -121,7 +126,7 @@ export function createVuePlugin(rawOptions: VueViteOptions = {}): Plugin {
     async transform(code, id) {
       const { filename, query } = parseVueRequest(id)
 
-      if (/\.(tsx?|jsx)$/.test(id)) {
+      if (/\.(tsx|jsx)$/.test(id)) {
         return transformVueJsx(code, id)
       }
 

src/jsxTransform.ts

@@ -3,7 +3,7 @@ import { transform } from '@babel/core'
 // todo hmr
 export function transformVueJsx(code: string, filename: string) {
   const result = transform(code, {
-    presets: ['@vue/babel-preset-jsx'],
+    presets: [require('@vue/babel-preset-jsx')],
     filename,
     sourceMaps: true,
   })!

src/main.ts

@@ -146,7 +146,7 @@ async function genScriptCode(
 function genTemplateRequest(filename: string, descriptor: SFCDescriptor) {
   const template = descriptor.template
   if (!template) {
-    return { code: `const render, staticRenderFns` }
+    return { code: `let render, staticRenderFns` }
   }
   if (template.src) {
     linkSrcToDescriptor(template.src, filename, descriptor)

src/template.ts

@@ -2,6 +2,7 @@ import { SFCBlock, compileTemplate } from '@vue/component-compiler-utils'
 import * as vueTemplateCompiler from 'vue-template-compiler'
 import path from 'path'
 import { TransformPluginContext } from 'rollup'
+import slash from 'slash'
 import { ResolvedOptions } from './index'
 import { createRollupError } from './utils/error'
 
@@ -19,7 +20,7 @@ export function compileSFCTemplate(
     transformAssetUrls: true,
     transformAssetUrlsOptions: devServer
       ? {
-          base: path.posix.dirname(path.relative(root, filename)),
+          base: '/' + slash(path.relative(root, path.dirname(filename))),
         }
       : {},
     isProduction,