BigScreen/vite.config.js

import path from 'path'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// import legacy from '@vitejs/plugin-legacy'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import Icons from 'unplugin-icons/vite'
import deletePlugin from 'rollup-plugin-delete'
// import basicSsl from '@vitejs/plugin-basic-ssl'
import Unocss from 'unocss/vite'
import { PrimeVueResolver } from '@primevue/auto-import-resolver'

// https://vitejs.dev/config/
export default ({ mode, command }) => {
  // const env = loadEnv(mode, process.cwd())
  return defineConfig({
    base: '/mr/foreground/',
    build: {
      outDir: 'foreground',
      sourcemap: false,
      emptyOutDir: true,
      chunkSizeWarningLimit: 1024,
      rollupOptions: {
        output: {
          chunkFileNames: 'js/[hash].js',
          entryFileNames: 'js/[hash].js',
          assetFileNames: (assetsFile) => {
            if (/\.(vue|scss)$/i.test(assetsFile.name)) {
              return 'del/[name]-[hash].[ext]'
            } else {
              return 'static/[hash].[ext]'
            }
          }
        }
      },
      minify: 'terser' // 必须使用 terser 才能支持 legacy 插件的混淆
    },
    plugins: [
      vue(),
      // legacy({
      //   targets: ['> 0.2%', 'not dead'],
      //   polyfills: ['es.promise.finally', 'es/map', 'es/set'],
      //   // 自动引入必要的 polyfill
      //   additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
      //   // 如果使用了特殊的 ES 语法，可以在这里强制 polyfill
      //   modernPolyfills: true
      // }),
      vueJsx(),
      // basicSsl(),
      Unocss({}),
      AutoImport({
        imports: [
          'vue',
          'vue-router',
          'pinia',
          '@vueuse/core',
          {
            '@/api': ['useRequest']
          },
          {
            '@/locales': ['useI18n', 'locale']
          }
        ],
        eslintrc: {
          enabled: false, // Default `false`
          filepath: './.eslintrc-auto-import.json', // Default `./.eslintrc-auto-import.json`
          globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
        }
      }),
      Components({
        dirs: ['src/components'],
        dts: false,
        resolvers: [PrimeVueResolver()],
        include: [/\.vue$/, /\.vue\?vue/, /\.jsx$/]
      }),
      Icons({
        compiler: 'vue3'
      }),
      deletePlugin({
        targets: ['foreground/del'],
        hook: 'writeBundle'
      })
    ],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
        assets: path.resolve(__dirname, 'src/assets'),
        util: path.resolve(__dirname, 'src/util'),
        views: path.resolve(__dirname, 'src/views'),
        layout: path.resolve(__dirname, 'src/layout'),
        'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
      }
    },
    optimizeDeps: {
      exclude: ['omnimatrix-video-player']
    },
    preprocessorOptions: {
      scss: {
        // additionalData: `@import "@/assets/base.scss";`
      }
    },
    define: {
      __DEV__: mode === 'development',
      __TEST__: mode === 'test'
    }
    // server:{
    //   proxy:{
    //     '/alarm':{
    //       target: 'https://127.0.0.1',
    //       changeOrigin: true,
    //       rewrite: (path) => path.replace(/^api/, ''),
    //     }
    //   }
    // }
  })
}