import { defineConfig,loadEnv } from 'vite' import react from '@vitejs/plugin-react-swc' import monacoEditorPlugin from 'vite-plugin-monaco-editor'; // https://vitejs.dev/config/ export default defineConfig(({mode})=> { const env = loadEnv(mode, process.cwd(), '') // 如果你用的ts,请使用 let define: { [key: string]: string } = {}; let define = {}; Object.keys(env).forEach(key => { define[`import.meta.env.${key}`] = JSON.stringify(env[key]) }) return { base: './', plugins: [ react(), { name: 'less', apply: 'build', loaders: ['less-loader'] }, monacoEditorPlugin({ languageWorkers: ['editorWorkerService'] }) ], build: { outDir: 'dist', // 打包文件 默认dist minify: 'terser', chunkSizeWarningLimit: 2000, // 文件大小,默认500kb,生成的一个或多个文件的大小超过该值时,Vite 会发出警告提示 // 打包清除console和debugger terserOptions: { compress: { drop_console: true, drop_debugger: true } }, // rollupOptions: { // output: { // // 最小化拆分包 // manualChunks(id) { // if (id.includes('node_modules')) { // return id.toString().split('node_modules/')[1].split('/')[0].toString() // } // }, // // 用于从入口点创建的块的打包输出格式[name]表示文件名,[hash]表示该文件内容hash值 // entryFileNames: 'js/[name].[hash].js', // // 用于命名代码拆分时创建的共享块的输出命名 // // chunkFileNames: 'js/[name].[hash].js', // // 用于输出静态资源的命名,[ext]表示文件扩展名 // assetFileNames: '[ext]/[name].[hash].[ext]', // // 拆分js到模块文件夹 // chunkFileNames: (chunkInfo) => { // const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : []; // const fileName = facadeModuleId[facadeModuleId.length - 2] || '[name]'; // return `js/${fileName}/[name].[hash].js`; // }, // } // } }, server: { host: '0.0.0.0',// 监听所有地址 port: 5173, // 默认端口 https: false, // 是否开启 https open: false, // 项目启动时是否打开浏览器 cors: true, // 为开发服务器配置 CORS。默认启用并允许任何源,传递一个 选项对象 来调整行为或设为 false 表示禁用。 base: '/', // 用于代理 Vite 作为子文件夹时使用。 headers: {}, // 指定服务端响应的headers信息 strictPort: false, // 设为 true 时若端口已被占用则会直接退出,而不是尝试下一个可用端口。 proxy: { // 当有 /api开头的地址是,代理到target地址 '^/api': { target: 'http://192.168.2.39:9080/', //目标源,目标服务器,真实请求地址 changeOrigin: true, //支持跨域 rewrite: (path) => path.replace(/^\/api/, "/api"), //重写真实路径,替换/api } }, }, } })