/*
 * @Author: yosong
 * @Date: 2023-04-27 10:11:47
 * @LastEditors: Do not edit
 * @LastEditTime: 2023-05-09 15:38:30
 * @FilePath: \cloud_web\vite.config.ts
 */
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// 自动引入element
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// postcss自动添加前缀
import autoprefixer from 'autoprefixer'

// https://vitejs.dev/config/
export default defineConfig({
  // 插件
  plugins: [
    vue(),
    // jsx
    vueJsx(),
    // 自动引入element
    AutoImport({
      resolvers: [ElementPlusResolver()]
    }),
    Components({
      resolvers: [ElementPlusResolver()]
    })
  ],
  // 服务
  server: {
    // 开启内网访问
    host: '0.0.0.0'
  },
  // 设置打包路径，解决打包后找不到资源的问题
  base: './',
  // 配置路径 @ --> './src'
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  // 样式预处理
  css: {
    postcss: {
      plugins: [
        autoprefixer({
          // 自动添加前缀
          overrideBrowserslist: [
            'Android 4.1',
            'iOS 7.1',
            'Chrome > 31',
            'ff > 31',
            'ie >= 8'
            //'last 2 versions', // 所有主流浏览器最近2个版本
          ],
          // 栅栏布局
          grid: true
        })
      ]
    }
  },
  // 打包配置
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        // 去除consloe.log与debugger
        drop_console: true,
        drop_debugger: true
      }
    },
    chunkSizeWarningLimit: 1000,
    rollupOptions: {
      output: {
        // 分包
        manualChunks(id) {
          if (id.includes('node_modules')) {
            return id.toString().split('node_modules/')[1].split('/')[0].toString()
          }
        }
      }
    }
  },
  // 解决i18n的警告
  optimizeDeps: {
    include: ['vue-i18n'],
    esbuildOptions: {
      // 让 esbuild 替换 feature flag globals
      // 以启用 proper tree shaking
      define: {
        __INTLIFY_PROD_DEVTOOLS__: 'false',
        __VUE_I18N_FULL_INSTALL__: 'false',
        __VUE_I18N_LEGACY_API__: 'false',
        __VUE_I18N_PROD_DEVTOOLS__: 'false'
      }
    }
  }
})