import { defineConfig, loadEnv } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' //@ts-ignore // import viteCompression from 'vite-plugin-compression' import VueLayouts from 'vite-plugin-vue-layouts' // import legacy from '@vitejs/plugin-legacy' import progress from 'vite-plugin-progress' import vueExtend from 'vite-plugin-vue-setup-extend' // import { visualizer } from 'rollup-plugin-visualizer'; // import inspect from 'vite-plugin-inspect'; // https://vitejs.dev/config/ export default defineConfig(({ command, mode }) => { //https://blog.csdn.net/huanglgln/article/details/121635053 vite获取.env.development配置环境 // 使用 import.meta.env.VITE_APP_BASE_URL //loadEnv(mode, process.cwd()) const env = loadEnv(mode, process.cwd()) return { base: './', //打包路径 plugins: [ // inspect(), // progress(), // visualizer(), // 打包后生成分析报告 // legacy({ // // targets: ['defaults'], // 需要兼容的目标列表,可以设置多个 , 'not IE 11' // // additionalLegacyPolyfills: ['regenerator-runtime/runtime'] // 面向IE11时需要此插件 // }), vue(), VueLayouts(), // gzip压缩 生产环境生成 .gz 文件 // viteCompression({ // threshold: 10240, // verbose: true, // disable: false, // algorithm: 'gzip', // ext: '.gz', // }), // vueExtend() ], // 配置别名 resolve: { alias: { '@': path.resolve(__dirname, 'src'), '/icon': './src/assets/ioc', //图片路径别名 }, }, define: { //定义 process 'process.env': process.env, }, css: { preprocessorOptions: { scss: { //引入全局样式 additionalData: '@import "@/assets/style/mian.scss";', api: 'modern-compiler', }, }, }, entry: { index: ['babel-polyfill', './src/main.ts'], }, //启动服务配置 server: { host: '0.0.0.0', port: 8088, hmr: true, // 确保 HMR 启用 // force: true, // 强制依赖预构建(vite 3.x+) // open: true, // 类型: boolean | string在服务器启动时自动在浏览器中打开应用程序; // cors: true, // 类型: boolean | CorsOptions 为开发服务器配置 CORS。默认启用并允许任何源 watch: { usePolling: true, // 解决 Docker/NFS 等环境下的监听问题 interval: 2000, // 轮询间隔(毫秒) }, proxy: { '/common': { target: 'https://medusa.etcjz.cn', //这里填入你要请求的接口的前缀 changeOrigin: true, //虚拟的站点需要更管origin ws: true, secure: true, //是否https接口 pathRewrite: { '^/common': '', //请求的时候使用这个api就可以 }, // rewrite: (path) => path.replace(/^\/common/, ''), //重写 }, //跨域代理 '/corporateaccount': { target: process.env.VUE_APP_BASE_API, changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, ''), //重写 }, '/api': { // target: env.VITE_APP_BASE_URL + 'ifzt', target: env.VITE_APP_BASE_URL, changeOrigin: true, }, '/instorage': { target: env.VITE_APP_EXPORT_URL, changeOrigin: true, }, '/minIo': { target: env.VITE_APP_UPLOAD_URL, changeOrigin: true, }, '/uploadEtcFile': { target: 'http://100.65.11.2:8086', changeOrigin: true, }, '/sett-minio': { target: env.VITE_APP_UPLOAD_URL, changeOrigin: true, }, '/default-bucket/': { target: env.VITE_APP_UPLOAD_URL, changeOrigin: true, }, // 新地址 '/userw': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/invw': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/iaw': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/settlew': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/managew': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/ifmw': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/msgw': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/iasq': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/settq': { target: env.VITE_APP_BASE_URL_N, changeOrigin: true, }, '/newDev': { target: env.VITE_APP_EXPORT_URL_NEW, changeOrigin: true, }, }, }, optimizeDeps: { exclude: ['your-large-dependency', 'some-heavy-package'], // 排除可能引起缓存问题的大型依赖 }, // 生产环境打包配置 //去除 console debugger build: { // target: ['chrome52'], // cssTarget: ["chrome52"], chunkSizeWarningLimit: 1000, // 调高到 1000 KiB(默认是 500 KiB) rollupOptions: { output: { manualChunks: { 'vue-vendor': ['vue', 'vue-router', 'pinia'], // 合并 Vue 生态 'element-plus': ['element-plus'], // 仅在 element-plus 较大时保留 'utils': ['lodash', 'dayjs'], // 工具库 // 'admin': ['./src/admin/**/*'], // 后台管理相关代码单独打包 } } // input: 'src/main.ts' // 根据您的实际入口文件路径进行设置 }, // target: 'esnext', // 输出为现代浏览器支持的 ES 版本 // minify: 'terser', // 代码压缩方式 cssTarget: 'chrome80', // 避免低版本 Chrome 的 CSS 兼容问题 terserOptions: { compress: { //生产环境移除 console drop_console: true, drop_debugger: true, }, }, }, } })