fix(vue-jsx-vapor): prevent register HMR in production environment

Author: zhiyuanzmj

packages/vue-jsx-vapor/src/core/index.ts

@@ -3,7 +3,6 @@ import { transformSync } from '@babel/core'
 import babelTypescript from '@babel/plugin-transform-typescript'
 import jsx from '@vue-jsx-vapor/babel'
 import type { Options } from '../options'
-import { registerHMR } from './hmr'
 
 export type { Options }
 
@@ -12,7 +11,7 @@ export function transformVueJsxVapor(
   id: string,
   options?: Options,
 ) {
-  const result = transformSync(code, {
+  return transformSync(code, {
     plugins: [
       [jsx, { compile: options?.compile, interop: options?.interop }],
       id.endsWith('.tsx')
@@ -26,12 +25,4 @@ export function transformVueJsxVapor(
     configFile: false,
     ast: true,
   })
-
-  if (result) registerHMR(result, id)
-
-  if (result?.code)
-    return {
-      code: result.code,
-      map: result.map,
-    }
 }

packages/vue-jsx-vapor/src/raw.ts

@@ -1,6 +1,7 @@
 import Macros from '@vue-jsx-vapor/macros/raw'
 import { createFilter, normalizePath } from 'unplugin-utils'
 import { transformVueJsxVapor } from './core'
+import { registerHMR } from './core/hmr'
 import runtimeCode from './core/runtime?raw'
 import type { Options } from './options'
 import type { UnpluginOptions } from 'unplugin'
@@ -10,6 +11,7 @@ const plugin = (options: Options = {}): UnpluginOptions[] => {
     options?.include || /\.[cm]?[jt]sx?$/,
     options?.exclude,
   )
+  let needHMR = false
   return [
     {
       name: 'vue-jsx-vapor',
@@ -30,6 +32,9 @@ const plugin = (options: Options = {}): UnpluginOptions[] => {
             },
           }
         },
+        configResolved(config) {
+          needHMR = config.command === 'serve'
+        },
       },
       resolveId(id) {
         if (normalizePath(id) === 'vue-jsx-vapor/runtime') return id
@@ -42,7 +47,14 @@ const plugin = (options: Options = {}): UnpluginOptions[] => {
       },
       transformInclude,
       transform(code, id) {
-        return transformVueJsxVapor(code, id, options)
+        const result = transformVueJsxVapor(code, id, options)
+        if (result?.code) {
+          needHMR && registerHMR(result, id)
+          return {
+            code: result.code,
+            map: result.map,
+          }
+        }
       },
     },
     ...(options.macros === false