import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path';
import inject from '@rollup/plugin-inject'

let configFileName = ''
switch (process.env.APP_MODE) {
case 'dev':
  configFileName = 'config.js'
  break
case 'prod':
  configFileName = 'config.prod.js'
  break
default:
  configFileName = 'config.js'
  break
}


// https://vitejs.dev/config/
export default defineConfig({
  assetsInclude: /\.(png|jpe?g|gif|svg|woff2?|ttf|otf|eot)$/i,
  plugins: [
    vue(),
    inject({
      utils: '/src/utils/index.js',
      config: `/src/${configFileName}`,
    })
  ],
  base: './',
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src/'),
    }
  },
  server: {
    host: '0.0.0.0'
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@import "@/assets/style/global.scss";'
      }
    }
  }
})