feat: vite builder basic

Author: BioPhoton

packages/plugin-bundle-stats/mocks/fixtures/node-minimal/package-lock.json

@@ -10,12 +10,13 @@
     "build:vite": "node vite.script.cjs"
   },
   "devDependencies": {
+    "@rsbuild/core": "^1.0.18",
     "esbuild": "^0.24.1",
-    "webpack": "^5.95.0",
-    "webpack-cli": "^5.1.4",
+    "rollup-plugin-webpack-stats": "^2.1.0",
     "ts-loader": "^9.5.1",
-    "@rsbuild/core": "^1.0.18",
     "typescript": "^5.7.3",
-    "vite": "^5.4.0"
+    "vite": "^5.4.0",
+    "webpack": "^5.95.0",
+    "webpack-cli": "^5.1.4"
   }
 }

packages/plugin-bundle-stats/mocks/fixtures/node-minimal/package.json

@@ -1,90 +1,6 @@
 import path from 'path';
+import webpackStatsPlugin from 'rollup-plugin-webpack-stats';
 import { defineConfig } from 'vite';
-import type { Plugin } from 'vite';
-
-/**
- * Custom Vite plugin to generate bundle stats in a format compatible with other bundlers.
- */
-function bundleStatsPlugin(): Plugin {
-  return {
-    name: 'bundle-stats',
-    generateBundle(_options: any, bundle: any) {
-      const stats = {
-        assets: [] as any[],
-        chunks: [] as any[],
-        modules: [] as any[],
-        entrypoints: {} as Record<string, any>,
-      };
-
-      // Process bundle to create stats structure
-      for (const [fileName, chunk] of Object.entries(bundle)) {
-        if (
-          chunk &&
-          typeof chunk === 'object' &&
-          'type' in chunk &&
-          chunk.type === 'chunk'
-        ) {
-          const chunkCode =
-            'code' in chunk && typeof chunk.code === 'string' ? chunk.code : '';
-          const chunkName =
-            'name' in chunk && typeof chunk.name === 'string'
-              ? chunk.name
-              : fileName;
-          const isEntry = 'isEntry' in chunk ? Boolean(chunk.isEntry) : false;
-          const modules =
-            'modules' in chunk && typeof chunk.modules === 'object'
-              ? chunk.modules
-              : {};
-
-          // Add asset info
-          stats.assets.push({
-            name: fileName,
-            size: Buffer.byteLength(chunkCode, 'utf8'),
-            emitted: true,
-            type: 'chunk',
-          });
-
-          // Add chunk info
-          stats.chunks.push({
-            id: chunkName,
-            names: chunkName !== fileName ? [chunkName] : [],
-            files: [fileName],
-            size: Buffer.byteLength(chunkCode, 'utf8'),
-            modules: Object.keys(modules || {}).map(moduleId => ({
-              identifier: moduleId,
-              name: moduleId,
-              size: 0, // Vite doesn't provide individual module sizes
-              chunks: [chunkName],
-            })),
-            entry: isEntry,
-            initial: isEntry,
-          });
-
-          // Add entrypoint info if it's an entry chunk
-          if (isEntry && chunkName) {
-            stats.entrypoints[chunkName] = {
-              name: chunkName,
-              chunks: [chunkName],
-              assets: [
-                {
-                  name: fileName,
-                  size: Buffer.byteLength(chunkCode, 'utf8'),
-                },
-              ],
-            };
-          }
-        }
-      }
-
-      // Emit the stats.json file
-      this.emitFile({
-        type: 'asset',
-        fileName: 'stats.json',
-        source: JSON.stringify(stats, null, 2),
-      });
-    },
-  };
-}
 
 export default defineConfig({
   build: {
@@ -95,15 +11,19 @@ export default defineConfig({
         bin: path.resolve(__dirname, 'src/bin.ts'),
       },
       output: {
+        assetFileNames: 'assets/[name].[hash][extname]',
+        chunkFileNames: 'assets/[name].[hash].js',
         entryFileNames: 'static/js/[name].js',
-        chunkFileNames: 'static/js/async/[name].[hash].js',
-        assetFileNames: 'static/[ext]/[name].[ext]',
       },
-      plugins: [bundleStatsPlugin()],
     },
     sourcemap: true,
     minify: false,
   },
+  plugins: [
+    webpackStatsPlugin({
+      fileName: 'stats.json',
+    }),
+  ],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, 'src'),

packages/plugin-bundle-stats/mocks/fixtures/node-minimal/vite.config.ts

@@ -7,12 +7,9 @@ import type {
 export type ViteAsset = {
   name: string;
   size: number;
-  emitted: boolean;
-  type: string;
 };
 
 export type ViteModule = {
-  identifier: string;
   name: string;
   size: number;
   chunks: string[];
@@ -22,23 +19,15 @@ export type ViteChunk = {
   id: string;
   names: string[];
   files: string[];
-  size: number;
-  modules: ViteModule[];
   entry: boolean;
   initial: boolean;
 };
 
-export type ViteEntrypoint = {
-  name: string;
-  chunks: string[];
-  assets: Array<{ name: string; size: number }>;
-};
-
 export type ViteCoreStats = {
+  builtAt: number;
   assets: ViteAsset[];
   chunks: ViteChunk[];
   modules: ViteModule[];
-  entrypoints: Record<string, ViteEntrypoint>;
 };
 
 /**
@@ -54,41 +43,37 @@ export function unifyBundlerStats(stats: ViteCoreStats): UnifiedStats {
 
   const modulesMap = new Map<string, ViteModule>();
   for (const module of stats.modules || []) {
-    modulesMap.set(module.identifier, module);
+    modulesMap.set(module.name, module);
   }
 
-  for (const asset of stats.assets) {
+  // Filter out non-JS assets (like source maps)
+  const jsAssets = stats.assets.filter(asset => asset.name.endsWith('.js'));
+
+  for (const asset of jsAssets) {
     const unifiedOutput: UnifiedStatsOutput = {
       path: asset.name,
       bytes: asset.size,
       imports: [],
       inputs: {},
     };
 
-    for (const [entryName, entrypoint] of Object.entries(
-      stats.entrypoints || {},
-    )) {
-      if (
-        entrypoint.assets.some(entryAsset => entryAsset.name === asset.name)
-      ) {
-        unifiedOutput.entryPoint = entryName;
-        break;
+    // Find the chunk that contains this asset
+    const chunk = stats.chunks.find(c => c.files.includes(asset.name));
+    if (chunk) {
+      // Set entry point if it's an entry chunk
+      if (chunk.entry && chunk.names.length > 0) {
+        unifiedOutput.entryPoint = chunk.names[0];
       }
-    }
 
-    // Find chunks that include this asset
-    const relatedChunks = stats.chunks.filter(chunk =>
-      chunk.files.includes(asset.name),
-    );
+      // Find modules that belong to this chunk
+      const chunkModules =
+        stats.modules?.filter(module => module.chunks.includes(chunk.id)) || [];
 
-    for (const chunk of relatedChunks) {
-      for (const module of chunk.modules || []) {
-        const moduleInfo = modulesMap.get(module.identifier);
-        if (moduleInfo) {
-          unifiedOutput.inputs![moduleInfo.name] = {
-            bytes: moduleInfo.size || 0,
-          };
-        }
+      // Add inputs
+      for (const module of chunkModules) {
+        unifiedOutput.inputs![module.name] = {
+          bytes: module.size,
+        };
       }
     }