diff --git a/packages/plugin-vue/src/main.ts b/packages/plugin-vue/src/main.ts
index b4893b8950e52e..259dc7fc73204f 100644
--- a/packages/plugin-vue/src/main.ts
+++ b/packages/plugin-vue/src/main.ts
@@ -58,7 +58,7 @@ export async function transformMain(
   // inside <script setup>. This can only be done for build because
   // inlined template cannot be individually hot updated.
   const useInlineTemplate =
-    !devServer &&
+    isProduction &&
     descriptor.scriptSetup &&
     !(descriptor.template && descriptor.template.src)
   const hasTemplateImport = descriptor.template && !useInlineTemplate
@@ -114,7 +114,7 @@ export async function transformMain(
       `_sfc_main.__scopeId = ${JSON.stringify(`data-v-${descriptor.id}`)}`
     )
   }
-  if (devServer && !isProduction) {
+  if (!isProduction) {
     // expose filename during serve for devtools to pickup
     output.push(`_sfc_main.__file = ${JSON.stringify(filename)}`)
   }
diff --git a/packages/plugin-vue/src/script.ts b/packages/plugin-vue/src/script.ts
index 9dafc0cf3235fa..72a2ad87fc9be5 100644
--- a/packages/plugin-vue/src/script.ts
+++ b/packages/plugin-vue/src/script.ts
@@ -42,7 +42,7 @@ export function resolveScript(
     ...options.script,
     id: descriptor.id,
     isProd: options.isProduction,
-    inlineTemplate: !options.devServer,
+    inlineTemplate: options.isProduction,
     refTransform: options.refTransform !== false,
     templateOptions: resolveTemplateCompilerOptions(descriptor, options, ssr)
   })