import { defineConfig } from 'vite'
import { createVitePlugins } from './build/vite'
import { createViteBuild } from './build/vite/build'
// https://vite.dev/config/
export default defineConfig({
  plugins: createVitePlugins(),
  build: createViteBuild(),
})

export function createViteBuild() {
  return {
    rollupOptions: {
      output: {
        entryFileNames: 'assets/js/[name]-[hash].js', // 入口文件輸出配置
        chunkFileNames: 'assets/js/[name]-[hash].js', // 代碼分割文件輸出配置
        /* 
          assetFileNames: 用于配置靜態(tài)資源的輸出文件名該選項(xiàng)的值是一個(gè)匹配模式，用于自定義構(gòu)建結(jié)果中的靜態(tài)資源名稱(chēng)，或者值為一個(gè)函數(shù)，
          對(duì)每個(gè)資源調(diào)用以返回匹配模式。這種模式支持以下的占位符：
        */
        assetFileNames: (assetInfo: any) => {
          console.log('assetInfo', assetInfo)
          const extType = assetInfo.name?.split('.').at(-1)
          if (extType === 'css') {
            return 'assets/css/[name]-[hash][extname]' // css 文件輸出配置
          } else if (extType === 'woff' || extType === 'woff2') {
            return 'assets/fonts/[name]-[hash][extname]' // 字體文件輸出配置
          } else if (['jpeg', 'jpg', 'png', 'svg', 'gif'].includes(extType)) {
            return 'assets/images/[name]-[hash][extname]' // 圖片文件輸出配置
          } else {
            return 'assets/[name]-[hash][extname]' // 其他文件輸出配置
          }
        }
      }
    }
  }
}