nginx-ui/frontend/vite.config.ts

import {defineConfig, loadEnv} from 'vite'
import react from '@vitejs/plugin-react'
import {AntdResolve, createStyleImportPlugin} from "vite-plugin-style-import";
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
import mdx from '@mdx-js/rollup'
import * as path from 'path'
import fse from 'fs-extra'


const readDepInfo = (module: string) => {
    const filePath = path.join(__dirname, 'node_modules', module, 'package.json')
    if (fse.existsSync(filePath)) {
        return fse.readJSONSync(filePath)
    }
    return {
        version: 'unknown'
    }
}

const acePackage = readDepInfo('ace-builds')
const reactPackage = readDepInfo('react')

export default defineConfig(({command, mode}) => {
    console.log('command,mode', command, mode)
    const env = loadEnv(mode, process.cwd(), '')
    console.log('env', env.VITE_BASE_API)

    return {
        plugins: [
            mdx({
                format: 'detect',
                include: ["**/*.md", '**/*.mdx']
            }),
            react(),
            createStyleImportPlugin({
                resolves: [AntdResolve()]
            }),
        ],
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true
                }
            }
        },
        resolve: {
            alias: {
                '@': path.resolve(__dirname, './src'),
                'docs': path.resolve(__dirname, './docs')
            }
        },
        assetsInclude: ["**/*.md"],
        server: {
            proxy: {
                ...(mode === 'desktop') ? {
                    "/api": {
                        target: 'http://127.0.0.1:38080',
                        rewrite: path => path.replace(/^\/api/, "")
                    }
                } : {
                    "/api": {
                        // target: 'http://10.10.0.1:8080',
                        target: 'http://127.0.0.1:8080',
                        rewrite: path => path.replace(/^\/api/, "")
                    },
                },
                "/rdm/": {
                    // target: 'http://10.10.0.1:8080',
                    // target: 'http://10.10.0.1:38085',
                    target: 'http://127.0.0.1:38085',
                    rewrite: path => path.replace(/^\/api/, ""),
                    ws: true
                },
            }
        },
        build: {
            sourcemap: false,
            minify: true,
            rollupOptions: {
                output: {
                    // 通过正则或者其他逻辑来确定哪些依赖应该被打包到vendor chunk中
                    manualChunks(filename) {
                        if (filename.includes('/node_modules/ace-builds')) {
                            return `ace-builds-${acePackage.version}`;
                        }
                        if (filename.includes('/node_modules/react')) {
                            return `react-all-${reactPackage.version}`;
                        }
                    },
                    chunkFileNames: `cdn/[name].js`
                }
            }
        }
    }

})