vite.config.ts

import { fileURLToPath, URL } from 'node:url'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend' // 在script标签中使用name
import {visualizer } from 'rollup-plugin-visualizer' // 依赖分析

// https://vitejs.dev/config/
export default defineConfig({
  base:'/my-components-v3/',
  // base:'./',
  plugins: [
    vue(),
    vueSetupExtend(),
    AutoImport({
      imports:['vue','pinia','vue-router'],
      dts: 'src/types/auto-import/auto-import.d.ts',
      resolvers: [ElementPlusResolver()],
      eslintrc:{
        enabled: false, // 初次配置改为true，pnpm run dev会在项目根目录生成.eslintrc-auto-import.json文件，之后改为false
        filepath: './.eslintrc-auto-import.json', // 指定生成路径
        globalsPropValue: true // 为true时，会将imports中的所有模块都添加到eslint的globals中
      }
    }),
    Components(
      { 
        dirs: 'src/components',
        extensions:['vue'],
        dts: 'src/types/auto-import/auto-import-components.d.ts',
        resolvers: [ElementPlusResolver()] 
      }
    ),
    visualizer({open:true})
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  esbuild: {
    sourcemap: true,
  },
  build:{
    rollupOptions:{
      output:{
        // 生产环境移除console
        inlineDynamicImports:true,
        chunkFileNames: 'assets/js/[name]-[hash].js',
        entryFileNames: 'assets/js/[name]-[hash].js',
        assetFileNames: 'assets/[ext]/[name]-[hash].[ext]',

      }
    }
  }
})