import {defineConfig, loadEnv} from 'vite';
import vue from '@vitejs/plugin-vue';
import * as path from 'path';
import Components from 'unplugin-vue-components/vite';
import {AntDesignVueResolver} from 'unplugin-vue-components/resolvers';


export default defineConfig(({mode}: { mode: string }): object => {
      const env: Record<string, string> = loadEnv(mode, process.cwd());
      return {
        publicDir: 'public',
        base: '/',
        resolve: {
          //设置别名
          alias: {
            '@': path.resolve(__dirname, 'src')
          }
        },
        worker: {
          format: 'es'
        },
        plugins: [
          vue(),
          Components({
            dts: true,
            dirs: ['src/components', 'src/views'],
            resolvers: [
              AntDesignVueResolver({
                importStyle: false,
                resolveIcons: true
              }),
            ],
          }),
        ],
        css: {
          preprocessorOptions: {
            scss: {
              api: "modern-compiler",
              javascriptEnabled: true,
              additionalData: `@use "@/assets/styles/index.scss";`
            },
            less: {
              javascriptEnabled: true,
            },
          },
        },

        esbuild: {
          drop: env.VITE_NODE_ENV === 'production' ? ['console', 'debugger'] : [],
        },
        build: {
          outDir: "dist", // 指定输出路径
          assetsDir: "assets", // 指定生成静态文件目录
          assetsInlineLimit: "4096", // 小于此阈值的导入或引用资源将内联为 base64 编码
          cssCodeSplit: true, // 启用 CSS 代码拆分
          sourcemap: false, // 构建后是否生成 source map 文件
          minify: "esbuild", // 指定使用哪种混淆器
          write: true, // 启用将构建后的文件写入磁盘
          emptyOutDir: true, // 构建时清空该目录
          brotliSize: true, // 启用 brotli 压缩大小报告
          chunkSizeWarningLimit: 15000, // chunk 大小警告的限制
          watch: null, // 设置为 {} 则会启用 rollup 的监听器
          rollupOptions: {  // 自定义底层的 Rollup 打包配置
            output: {
              format: 'es',
              chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
              entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
              assetFileNames: '[ext]/[name]-[hash].[ext]',// 资源文件像 字体，图片等
            },
          }
        },
        server: {
          proxy: env.VITE_NODE_ENV === 'development' ? {} : {
            [env.VITE_APP_BASE_API]: {
              //后端接口的baseurl
              target: env.VITE_API_BASE_URL,
              //是否允许跨域
              changeOrigin: true,
              rewrite: (path: string) => path.replace(RegExp(`^${env.VITE_APP_BASE_API}`), ""),
            },
          },
        },
      };
    }
)
;