vite.config.ts

import fs from 'node:fs'
import path from 'node:path'
import { type Plugin, defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  base: './',
  plugins: [
    vue({
      script: {
        fs: {
          fileExists: fs.existsSync,
          readFile: (file) => fs.readFileSync(file, 'utf-8'),
        },
      },
    }),
    copyVuePlugin(),
  ],
  define: {
    __VUE_PROD_DEVTOOLS__: JSON.stringify(true),
  },
  build: {
    outDir: 'docs',
  },
  optimizeDeps: {
    exclude: ['@vue/repl'],
  },
})

function copyVuePlugin(): Plugin {
  return {
    name: 'copy-vue',
    generateBundle() {
      const copyFile = (file: string) => {
        const filePath = path.resolve(__dirname, file)
        const basename = path.basename(file)
        if (!fs.existsSync(filePath)) {
          throw new Error(
            `${basename} not built. ` +
              `Run "nr build vue -f esm-browser" first.`
          )
        }
        this.emitFile({
          type: 'asset',
          fileName: basename,
          source: fs.readFileSync(filePath, 'utf-8'),
        })
      }

      // copyFile(`./node_modules/vue/dist/vue.esm-browser.js`)
      // copyFile(`./node_modules/vue/dist/vue.esm-browser.prod.js`)
      // copyFile(`./node_modules/vue/dist/vue.runtime.esm-browser.js`)
      copyFile(`./node_modules/vue/dist/vue.runtime.esm-browser.prod.js`)
      // copyFile(`../server-renderer/dist/server-renderer.esm-browser.js`)
    },
  }
}