diff --git a/package.json b/package.json
index ea8d44bb95f..6b9fb091afd 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "serve": "serve",
     "open": "open http://localhost:5000/packages/template-explorer/local.html",
     "preinstall": "node ./scripts/checkYarn.js",
-    "prebuild-sfc-playground": "node scripts/build.js compiler shared -af cjs && node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler-runtime && node scripts/build.js vue -f esm-browser-runtime && node scripts/build.js compiler-sfc -f esm-browser",
+    "prebuild-sfc-playground": "node scripts/build.js compiler ref-transform shared -af cjs && node scripts/build.js runtime reactivity shared -af esm-bundler && node scripts/build.js vue -f esm-bundler-runtime && node scripts/build.js vue -f esm-browser-runtime && node scripts/build.js compiler-sfc -f esm-browser",
     "build-sfc-playground": "cd packages/sfc-playground && vite build"
   },
   "types": "test-dts/index.d.ts",
diff --git a/packages/compiler-sfc/src/index.ts b/packages/compiler-sfc/src/index.ts
index ec75222e29a..bce09a14bf6 100644
--- a/packages/compiler-sfc/src/index.ts
+++ b/packages/compiler-sfc/src/index.ts
@@ -4,7 +4,6 @@ export { compileTemplate } from './compileTemplate'
 export { compileStyle, compileStyleAsync } from './compileStyle'
 export { compileScript } from './compileScript'
 export { rewriteDefault } from './rewriteDefault'
-export { generateCodeFrame } from '@vue/compiler-core'
 export {
   shouldTransform as shouldTransformRef,
   transform as transformRef,
@@ -16,6 +15,13 @@ export { parse as babelParse } from '@babel/parser'
 import MagicString from 'magic-string'
 export { MagicString }
 export { walk } from 'estree-walker'
+export {
+  generateCodeFrame,
+  walkIdentifiers,
+  extractIdentifiers,
+  isInDestructureAssignment,
+  isStaticProperty
+} from '@vue/compiler-core'
 
 // Types
 export {
diff --git a/packages/sfc-playground/src/output/moduleCompiler.ts b/packages/sfc-playground/src/output/moduleCompiler.ts
index 27bc7254478..958fade7a1b 100644
--- a/packages/sfc-playground/src/output/moduleCompiler.ts
+++ b/packages/sfc-playground/src/output/moduleCompiler.ts
@@ -1,12 +1,14 @@
 import { store, File } from '../store'
 import { MAIN_FILE } from '../transform'
-import { babelParse, MagicString, walk } from '@vue/compiler-sfc'
 import {
+  babelParse,
+  MagicString,
+  walk,
   walkIdentifiers,
   extractIdentifiers,
   isInDestructureAssignment,
   isStaticProperty
-} from '@vue/compiler-core'
+} from '@vue/compiler-sfc'
 import { babelParserDefaultPlugins } from '@vue/shared'
 import { ExportSpecifier, Identifier, Node } from '@babel/types'