vite.config.mts

import path from 'node:path'

import react from '@vitejs/plugin-react'
import { defineConfig, Plugin } from 'vite'

export default defineConfig({
  plugins: [
    react(),
    muteWarningsPlugin([
      ['SOURCEMAP_ERROR', "Can't resolve original location of error"],
      // [
      //   'INVALID_ANNOTATION',
      //   'contains an annotation that Rollup cannot interpret',
      // ],
    ]),
  ],
  build: {
    chunkSizeWarningLimit: 700,
  },
  resolve: {
    alias: {
      '@': path.resolve(process.cwd(), './src'),
    },
  },
})

function muteWarningsPlugin(warningsToIgnore: string[][]): Plugin {
  const mutedMessages = new Set()
  return {
    name: 'mute-warnings',
    enforce: 'pre',
    config: (userConfig) => ({
      build: {
        rollupOptions: {
          onwarn(warning, defaultHandler) {
            if (warning.code) {
              const muted = warningsToIgnore.find(
                ([code, message]) =>
                  code == warning.code && warning.message.includes(message)
              )

              if (muted) {
                mutedMessages.add(muted.join())
                return
              }
            }

            if (userConfig.build?.rollupOptions?.onwarn) {
              userConfig.build.rollupOptions.onwarn(warning, defaultHandler)
            } else {
              defaultHandler(warning)
            }
          },
        },
      },
    }),
    closeBundle() {
      const diff = warningsToIgnore.filter((x) => !mutedMessages.has(x.join()))
      if (diff.length > 0) {
        this.warn(
          'Some of your muted warnings never appeared during the build process:'
        )
        diff.forEach((m) => this.warn(`- ${m.join(': ')}`))
      }
    },
  }
}