import { defineConfig, splitVendorChunkPlugin,loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";

//版本
const varsion = "v1.5"


const pathSrc = resolve(__dirname, "src")  

export default defineConfig(({ command, mode })=>{

  const config = loadEnv(mode,'./')
  console.log(config)

  //应用名称
  const app_name = config.VITE_APP_NAME_EN

      return {
          plugins: [
            vue(),
            splitVendorChunkPlugin()
          ],
          // 引入组件
          resolve: {
            alias: {
              "@": pathSrc
            }
          },
          server: {
            host: config.VITE_APP_HOST,
            port: config.VITE_APP_PORT,
            open: { app: { name: 'chrome' } },
            https: false,
            // 跨域配置
            proxy: {
              // 接口是以 /api 开头的需要代理
              '/api': {
                target: config.VITE_APP_PROXY_API, // 代理接口地址
                changeOrigin: true, //支持跨域
                // rewrite: (path) => path.replace(/^\/api/, "api"), //重写真实路径,替换/api
                onProxyReq: (proxyReq) => {
                  console.log('代理请求:', proxyReq);
                },
                onProxyRes: (proxyRes) => {
                  console.log('代理响应:', proxyRes);
                },
              },
            },
          },
          
          build:{
            outDir:"dist",  //指定输出文件
            assetsDir:"./",  //指定生成静态文件目录
            rollupOptions:{
              output:{
                chunkFileNames: app_name+"/"+varsion+"/js/[name]-[hash].js",
                entryFileNames: app_name+"/"+varsion+"/js/[name]-[hash].js",
                assetFileNames(assetInfo) {
                  if (assetInfo.name.endsWith('.css')) {
                    return app_name+"/"+varsion+"/css/[name]-[hash].[ext]"
                  }
                  if (["png", "jpg", "svg", "png"].some(ext => assetInfo.name.endsWith(ext))) {
                    return app_name+"/"+varsion+"/img/[name]-[hash].[ext]"
                  }
                  if (["ttf", "woff", "woff2"].some(ext => assetInfo.name.endsWith(ext))) {
                    return app_name+"/"+varsion+"/fonts/[name]-[hash].[ext]"
                  }
                  return app_name+"/"+varsion+"/css/[name]-[hash].[ext]"
                }
              }
            }
          }
     }

})