vite.config.js

/* eslint-disable import/no-extraneous-dependencies */
/// <reference types="vitest" />
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import vitePluginHtmlEnv from './scripts/vite-plugin-html-env'

// https://vitejs.dev/config/
export default ({ mode }) => {
  process.env = {
    ...process.env,
    ...loadEnv(mode, `${process.cwd()}/env/`, ''),
    ...loadEnv('deploy', `${process.cwd()}/env/`, ''),
    ...loadEnv('git', `${process.cwd()}/env/`, ''),
  }

  // import.meta.env.VITE_NAME available here with: process.env.VITE_NAME
  // import.meta.env.VITE_PORT available here with: process.env.VITE_PORT
  return defineConfig({
    plugins: [vitePluginHtmlEnv(), vue()],
    // if you need an additional page you have to list them here
    // see https://vitejs.dev/guide/build.html#multi-page-app
    // build: {
    //   rollupOptions: {
    //     input: {
    //       main: path.resolve(__dirname, 'index.html'),
    //       murk: path.resolve(__dirname, 'mturk.html'),
    //     },
    //   },
    // },
    envDir: 'env',
    base: process.env.VITE_DEPLOY_BASE_PATH,
    server: {
      port: process.env.VITE_DEV_PORT_NUM,
      strictPort: true,
      hmr: process.env.GITPOD_WORKSPACE_URL
        ? {
            host: process.env.GITPOD_WORKSPACE_URL.replace('https://', `${process.env.VITE_DEV_PORT_NUM}-`),
            protocol: 'wss',
            clientPort: 443,
          }
        : true,
    },
    test: {
      globals: true,
      environment: 'happy-dom',
      coverage: {
        all: true,
        src: path.resolve(__dirname, './src'),
        reporter: ['text'],
      },
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
        vue: 'vue/dist/vue.esm-bundler.js',
      },
    },
    define: {
      'process.env': process.env,
    },
  })
}