vite.config.ts

import { defineConfig } from 'vite';
import tsConfigPaths from 'vite-tsconfig-paths';
import eslint from 'vite-plugin-eslint';
import react from '@vitejs/plugin-react-swc';
import basicSsl from '@vitejs/plugin-basic-ssl';
import path from 'path';
import viteCompression from 'vite-plugin-compression';

const isProd = process.env.NODE_ENV === 'production';

export default defineConfig(async () => {
  const mdx = await import('@mdx-js/rollup');
  return {
    base: isProd ? '/luoyunlai/' : '',
    build: {
      outDir: 'build',
      reportCompressedSize: false
    },
    optimizeDeps: {
      include: ['react/jsx-runtime']
    },
    resolve: {
      alias: {
        '@images': path.join(__dirname, 'src/images')
      }
    },
    plugins: [
      mdx.default(), // mdx格式支持
      react(),
      tsConfigPaths(),
      eslint(),
      basicSsl(),
      viteCompression({
        verbose: false,
        disable: false,
        threshold: 10240, // 大于10kb才会压缩
        algorithm: 'gzip',
        ext: '.gz'
      })
    ],
    css: {
      preprocessorOptions: {
        less: {
          javascriptEnabled: true
        }
      }
    },
    server: {
      https: true,
      http2: true
    }
  };
});