feat: narrow target files in lazy vite plugin

Author: katywings

packages/start/src/config/lazy.ts

@@ -43,28 +43,37 @@ const importTransform = (): PluginItem => {
   };
 };
 
+const fileEndingRegex = /(ts|js)x(\?.*)?$/;
+
 const lazy = (): PluginOption => {
   const cwd = process.cwd().replaceAll(osSep, sep);
   return {
     name: "solid-lazy-css",
     enforce: "pre",
     async transform(src, id) {
-      // TODO: Try to exclude files by dynamicImport info in moduleGraph
-
-      if (!id.match(/(ts|js)x(\?.*)?$/)) return;
+      if (!id.match(fileEndingRegex)) return;
 
       // The transformed files either import "lazy" or css files
       // Therefore we skip, if the src doesn't have any import
       if (src.indexOf("import") === -1) return;
 
-      const hasLazy = src.indexOf("lazy") !== -1;
-      const localId = relative(cwd, id);
+      const plugins: PluginItem[] = [];
+
+      const hasDefaultExport = src.indexOf("export default") !== -1;
+      if (hasDefaultExport) {
+        const localId = relative(cwd, id);
+        plugins.push(idTransform(localId));
+      }
+
+      const hasLazy = src.indexOf("lazy(") !== -1;
+      if (hasLazy) plugins.push(importTransform());
+
+      if (!plugins.length) {
+        return;
+      }
 
       const transformed = await babel.transformAsync(src, {
-        plugins:
-          hasLazy
-            ? [idTransform(localId), importTransform()]
-            : [idTransform(localId)],
+        plugins,
         parserOpts: {
           plugins: ["jsx", "typescript"]
         },