fix: Uncompiled SFC under webpack (#28)

zjxxxxxxxxx · web-flow · commit 08c0f4593a25 · 2024-06-06T21:02:14.000+08:00
diff --git a/src/core/index.ts b/src/core/index.ts
@@ -5,7 +5,10 @@ import { isDev } from './isDev';
 import { parse_ID } from './parse_ID';
 import { transform } from './transform';
 
-export const unpluginFactory: UnpluginFactory<Options> = (options = {}) => {
+export const unpluginFactory: UnpluginFactory<Options | undefined> = (
+  options = {},
+  meta,
+) => {
   if (!isDev()) {
     return {
       name: 'unplugin-vue-source',
@@ -14,6 +17,7 @@ export const unpluginFactory: UnpluginFactory<Options> = (options = {}) => {
 
   const opts = resolveOptions(options);
   const filter = createFilter(opts.include, opts.exclude);
+  const isWebpack = meta.framework === 'webpack';
 
   return {
     name: 'unplugin-vue-source',
@@ -24,7 +28,7 @@ export const unpluginFactory: UnpluginFactory<Options> = (options = {}) => {
       return query.raw == null && filter(file);
     },
     transform(code, id) {
-      return transform(code, id, opts);
+      return transform(code, id, opts, isWebpack);
     },
   };
 };
diff --git a/src/core/transform.ts b/src/core/transform.ts
@@ -7,13 +7,18 @@ import { transform_SFC } from './transform_SFC';
 import { transform_MDX } from './transform_MDX';
 import { transform_JSX } from './transform_JSX';
 
-export function transform(code: string, id: string, opts: ResolvedOptions) {
+export function transform(
+  code: string,
+  id: string,
+  opts: ResolvedOptions,
+  isWebpack = false,
+) {
   const { root, sourceMap } = opts;
 
   let s: MagicString;
   const parsed = parse_ID(id, root);
 
-  if (parsed.query[TRACE_ID]) {
+  if (!isWebpack && parsed.query[TRACE_ID]) {
     return;
   }
 
