import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import * as path from 'path'
import { visualizer } from 'rollup-plugin-visualizer'

export default defineConfig({
  base: './',
  build: {
    outDir: 'dist'
  },
  server: {
    port: 3001,
    host: '0.0.0.0',
    proxy: {
      '/tl_api': {
        // target: 'http://121.40.133.115:9099',
        target: 'http://220.191.209.140',
        changeOrigin: true,
        rewrite: path => path.replace(`/^\hz_company_api/`, '/hz_company_api')
      },
      '/api': {
        target: 'http://121.40.133.115:4001',
        changeOrigin: true,
        rewrite: path => path.replace(`/^\api/`, '/api')
      }
    }
  },

  resolve: {
    alias: [
      { find: /^~/, replacement: '' },
      { find: '@', replacement: path.resolve(__dirname, 'src') },
      { find: 'static', replacement: path.resolve(__dirname, 'public/static') }
    ]
  },

  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `
          @import "./src/_styles/theme/index.scss";
        `
      }
    }
  },

  plugins: [
    vue(),
    visualizer()
  ]
})