vite.config.js

import {
  fileURLToPath,
  URL
} from 'node:url'
import {
  defineConfig,
  loadEnv
} from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {
  NaiveUiResolver
} from 'unplugin-vue-components/resolvers'
import {
  VitePWA
} from 'vite-plugin-pwa'

// https://vitejs.dev/config/
export default ({
  mode
}) => defineConfig({
  plugins: [vue(), AutoImport({
      imports: [
        'vue',
        {
          'naive-ui': [
            'useDialog',
            'useMessage',
            'useNotification',
            'useLoadingBar'
          ]
        }
      ]
    }),
    Components({
      resolvers: [NaiveUiResolver()]
    }),
    // PWA
    VitePWA({
      registerType: 'autoUpdate',
      devOptions: {
        enabled: true
      },
      workbox: {
        cleanupOutdatedCaches: true,
        runtimeCaching: [{
            urlPattern: /(.*?)\.(woff2|woff|ttf)/,
            handler: 'CacheFirst',
            options: {
              cacheName: 'file-cache',
            },
          },
          {
            urlPattern: /(.*?)\.(webp|png|jpe?g|svg|gif|bmp|psd|tiff|tga|eps)/,
            handler: 'CacheFirst',
            options: {
              cacheName: 'image-cache',
            },
          },
        ],
      },
      manifest: {
        "name": "SPlayer",
        "short_name": "SPlayer",
        "description": "一个简约的在线音乐播放器",
        "display": "standalone",
        "start_url": "/",
        "theme_color": "#f55e55",
        "background_color": "#efefef",
        "icons": [{
          "src": "/images/logo/favicon.png",
          "sizes": "200x200",
          "type": "image/png"
        }]
      }
    })
  ],
  server: {
    port: 2048,
    open: true,
    http: true,
    ssr: false,
    proxy: {
      '/api': {
        target: loadEnv(mode, process.cwd()).VITE_MUSIC_API,
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      },
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@import "src/style/index.scss";'
      }
    }
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src',
        import.meta.url))
    }
  },
  build: {
    minify: 'terser',
    terserOptions: {
      compress: {
        // 生产环境时移除 console
        pure_funcs: ['console.log'],
      },
    },
  },
})