Generating Multiple File build in Vitejs

multiple-file-build-with-vite.js

import { defineConfig } from "vite";

function getDirFromAsset(assetInfo) {
    if(!assetInfo.name){
      return "assets"
    }
    else if (assetInfo.name.endsWith("css")) {
      return "css";
    } else if (assetInfo.name.endsWith("js")) {
      return "js";
    }
    return "assets";
  }

const inputs = {
    background: "src/js/background.js",
    editor: "src/js/editor.js",
  };


export default defineConfig({
    build: {
      manifest: true,
      rollupOptions: {
        input: inputs,
        output: {
          assetFileNames: (assetInfo) => {
            const dir = getDirFromAsset(assetInfo);
            return `${dir}/[name].[hash].[ext]`;
          },
          entryFileNames: `js/[name].[hash].js`,
        },
      },
    },
  });