vite.config.js

gistfile1.txt

/* eslint-disable no-undef */
import { fileURLToPath, URL } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Analyze from 'rollup-plugin-analyze'

const path = require('path')

/** @type {import('vite').UserConfig} */
export default defineConfig(({ command, mode }) => {
  console.debug(`vite.config.js:: mode = ${mode}`)
  const config = {
    base: '/static/',
    plugins: [vue()],
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
        '~vue-select': path.resolve(__dirname, './node_modules/vue-select'),
        '~images': path.resolve(__dirname, './images'),
        '~fonts': path.resolve(__dirname, './fonts'),
        '~vue':
          mode === 'development'
            ? path.resolve(__dirname, './node_modules/vue/dist/vue.esm-bundler')
            : path.resolve(__dirname, './node_modules/vue/dist/vue.runtime.esm-bundler'),
      },
    },
    build: {
      manifest: 'manifest.json',
      sourceMap: true,
      outDir: path.resolve(__dirname, './dist'),
      rollupOptions: {
        input: [path.resolve(__dirname, './src/main.js')],
        output: {
          globals: {
            bootstrap: 'bootstrap',
          },
          minifyInternalExports: true,
        },
      },
    },
    server: {
      port: 3000,
      strictPort: true,
      hot: true,
      host: '0.0.0.0',
    },
    define: {
      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'true',
      __VUE_PROD_DEVTOOLS__: 'false',
      __VUE_OPTIONS_API__: 'true',
    },
  }

  // Add split and visualize plugins
  if (command === 'build') {
    config.plugins.push(Analyze())
  }
  return config
})