vite.config.js

import { defineConfig } from 'vite';
import path from 'path';
import { createVuePlugin } from 'vite-plugin-vue2';
import envCompatible from 'vite-plugin-env-compatible';
import { createHtmlPlugin } from 'vite-plugin-html';
import { viteCommonjs } from '@originjs/vite-plugin-commonjs';
import { execSync } from 'child_process';

const getGitDescription = () => {
  try {
    return execSync('git describe --tags').toString()
  } catch (error) {
    return null
  }
}

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: [
      {
        find: /^~/,
        replacement: ''
      },
      {
        find: '@',
        replacement: path.resolve(__dirname, 'src')
      }
    ],
    extensions: [
      '.mjs',
      '.js',
      '.ts',
      '.jsx',
      '.tsx',
      '.json',
      '.vue'
    ]
  },
  plugins: [
    createVuePlugin({ jsx: true }),
    viteCommonjs(),
    envCompatible(),
    createHtmlPlugin({
      inject: {
        data: {
          title: 'aleph-explorer'
        }
      }
    }),
  ],
  define: {
    GIT_DESCRIBE_TAGS: JSON.stringify(getGitDescription())
  },
  server: {
    port: 8080,
    hmr: {
      overlay: false
    }
  },
})