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

// gzip 配置
import viteCompression from 'vite-plugin-compression';

/*
Vite 2.0 创建的项目中，默认有下面 4 个默认的环境变量：
https://cn.vitejs.dev/guide/env-and-mode.html#env-variables
import.meta.env.MODE - 当前运行环境，在开发模式下为 development，例如通过 yarn dev 运行项目，在产品模式下为 production， 例如使用 yarn serve 运行项目。
import.meta.env.BASE_URL - 项目的 URL 跟路径，默认为 /。
import.meta.env.PROD - 判断是否为生产环境，在开发模式下为 false，在产品模式下为 true。
import.meta.env.DEV - 判断是否为开发环境，在开发模式下为 true，在产品模式下为 false。
*/
// https://vitejs.dev/config/
export default ({ command, mode }) => {
  const config = loadEnv(mode, './');
  console.log('当前环境:' + command);
  return defineConfig({
    base: config.VITE_BASE_URL,
    resolve: {
      extensions: ['.vue', '.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
      alias: {
        '~@': resolve(__dirname, './src'),
        '@': resolve(__dirname, './src'),
        api: resolve(__dirname, './src/api'),
        views: resolve(__dirname, './src/views'),
        assets: resolve(__dirname, './src/assets'),
        components: resolve(__dirname, './src/components'),
        styles: resolve(__dirname, './src/styles'),
        utils: resolve(__dirname, './src/utils'),
        use: resolve(__dirname, './src/use'),
        'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js',
      },
    },
    plugins: [
      vue(),
      vueJsx(),
      viteCompression({
        // 压缩类型
        filter: /\.(js|mjs|json|css|html|geojson)$/i,
      }),
    ],
    build: {
      resolve: {
        alias: {
          three: 'bmap-three',
        },
      },
      rollupOptions: {
        // 自定义打包文件名
        output: {
          // 入口文件
          // entryFileNames: 'assets/[name]-[hash].js',
          // 块文件名
          // chunkFileNames: `assets/[name]-[hash].js`,
          // chunkFileNames: filterFiles,
          // 资源文件名 css 图片等等
          // assetFileNames: `assets/[name]-[hash].[ext]`,
          assetFileNames: (assetInfo) => {
            if (assetInfo.name.indexOf('/loads/draco/draco_') > -1) {
              return `assets/draco/[name].[ext]`;
            }
            if (assetInfo.name.indexOf('/loads/draco/gltf/draco_') > -1) {
              return `assets/draco/gltf/[name].[ext]`;
            }
            if (assetInfo.name.indexOf('/model/gangkou.bin') > -1) {
              return `assets/[name].[ext]`;
            }
            return `assets/[name]-[hash].[ext]`;
          },
        },
      },
    },
    // 本地运行配置，及反向代理配置
    server: {
      open: true, // 在服务器启动时自动在浏览器中打开应用程序
      host: '0.0.0.0',
      port: 1888,
      proxy: {
        '/api': {
          target: 'http://localhost:8001',
          // target: 'http://10.200.241.77:8001',
          // target: 'http://10.17.18.45:8090',
          // target: 'http://10.17.18.155:8001',
          ws: true,
          changeOrigin: true,
          // rewrite: (path) => path.replace(/^\/api/, ''),
          rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
    },
  });
};