Build server files for PWA compatibility

[rtritto]

Having the file files of API routes (eg ./server/api/user/index.ts).

I created a vite plugin:

// ./viteBundleFilesPlugin.ts

import fs from 'node:fs'
import path from 'node:path'
import { build, type Plugin } from 'vite'

interface BundleFilesOptions {
  entry: string // File path to bundle
  outputDir: string // Base output directory (e.g., 'dist')
}

export default function bundleFilesPlugin(options: BundleFilesOptions): Plugin {
  return {
    name: 'vite-plugin-bundle-files',
    async buildStart() {
      const { entry, outputDir } = options

      const cwd = process.cwd()
      const entryFull = path.resolve(cwd, entry)
      const outFull = path.resolve(cwd, outputDir)

      const filepaths = fs.globSync('**/*.ts', { cwd: entryFull })

      for (const filepath of filepaths) {
        const targetFilepath = path.resolve(outFull, filepath)
        const targetDir = path.dirname(targetFilepath)
        fs.mkdirSync(targetDir, { recursive: true })

        const entryFilepath = path.resolve(entryFull, filepath)

        // Run a build for each file
        await build({
          configFile: false, // Avoid conflicts with the main Vite config
          build: {
            lib: {
              entry: entryFilepath,
              formats: ['es'], // ES module format
              fileName: () => '[name].mjs' // Force 'index.mjs' for each file
            },
            rollupOptions: {
              output: {
                dir: targetDir, // Directory for this specific file
                entryFileNames: '[name].mjs' // File name pattern
              }
            }
          }
        })
      }
    }
  }
}

// ./vite.config.ts

import bundleFilesPlugin from './viteBundleFilesPlugin'

export default {
  plugins: [
    bundleFilesPlugin({
      entry: 'server/api',
      outputDir: 'dist/server/api'
    })
  ]
}

// ./server/api/user/index.ts

import http from 'node:http'

// ...

I got some warnings after vite.build:

[plugin:vite:resolve] [plugin vite:resolve] Module "node:http" has been externalized for browser compatibility, imported by ... .
See https://vite.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.

Should I use some settings to correct bundle for PWA (vite-plugin-pwa) with vite.build as target ./dist/server/api (expected ./dist/server/api/user/index.mjs)?
There is a better way to build with vite-plugin-pwa?