v0.1.2

Author: Amour1688

example/webpack.config.js

@@ -40,4 +40,5 @@ module.exports = {
       "vue-jsx-hot-loader": require.resolve("../"),
     },
   },
+  devtool: "cheap-module-eval-source-map",
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design-vue/vue-jsx-hot-loader",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Tweak Vue components written in JSX in real time.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

src/index.ts

@@ -100,7 +100,7 @@ export default function loader(
   if (hotComponents.length) {
     if (defaultIdentifier) {
       const { name } = defaultIdentifier as t.Identifier;
-      source.replace(
+      source = source.replace(
         /export default defineComponent/g,
         `const ${name} = defineComponent`
       ) + `\nexport default ${name}`
@@ -114,13 +114,12 @@ export default function loader(
       callbackCode += `\n__VUE_HMR_RUNTIME__.reload("${id}", ${local})`
     }
 
-    source += `
-    /* hot reload */
-    if (module.hot) {
-      module.hot.accept()
-      ${callbackCode}
-    }
-    `
+    source +=
+      `\n/* hot reload */` +
+      `\nif (module.hot) {` +
+      `\n  module.hot.accept()` +
+      `\n  ${callbackCode}` +
+      `\n}`
   }
 
   return source;