vite-manageweb/vite.config.js

import { defineConfig } from 'vite'
import legacy from '@vitejs/plugin-legacy'
import { createVuePlugin } from 'vite-plugin-vue2'
import viteCompression from 'vite-plugin-compression'
import path from 'path'
import vueJsx from '@vitejs/plugin-vue-jsx'

const HOST = '0.0.0.0'
const REPLACEMENT = `${path.resolve(__dirname, './src')}/`

export default (/** if you want to use mode : { mode }*/) => {
  return defineConfig({
    base: './',
    server: {
      host: HOST,
      port: process.env.PORT
    },
    resolve: {
      alias: [
        {
          find: '@/',
          replacement: REPLACEMENT
        },
        {
          find: 'src/',
          replacement: REPLACEMENT
        }
      ],
      extensions: ['.vue', '.js', '.jsx', '.json']
    },
    esbuild: { loader: { '.js': '.jsx' }},
    plugins: [
      createVuePlugin({
        jsx: true
      }),
      legacy({
        targets: ['ie >= 11'],
        additionalLegacyPolyfills: ['regenerator-runtime/runtime']
      }),
      viteCompression(),
      vueJsx()
    ]
  })
}