vite.config.ts

import { fileURLToPath } from 'node:url'
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import VueRouter from 'unplugin-vue-router/vite'
import { VueRouterAutoImports } from 'unplugin-vue-router'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import { visualizer } from 'rollup-plugin-visualizer'
// import basicSsl from '@vitejs/plugin-basic-ssl'

const resolve = (p: string) => fileURLToPath(new URL(p, import.meta.url))

// https://vitejs.dev/config/
export default defineConfig({
    base: '/vite-vue-starter/',
    resolve: {
        alias: {
            '@': resolve('./src'),
            src: resolve('./src')
        }
    },
    plugins: [
        // dev server on https
        // basicSsl({
        //     name: 'test'
        // }),

        // https://npmmirror.com/package/unplugin-vue-router
        VueRouter({
            routesFolder: [{ src: 'src/pages' }],
            dts: 'types/typed-router.d.ts',
            extensions: ['.vue']
        }),

        // Vue must be placed after VueRouter()
        vue(),

        // https://npmmirror.com/package/unplugin-auto-import
        AutoImport({
            imports: ['vue', VueRouterAutoImports],
            dts: 'types/auto-imports.d.ts'
        }),

        // https://npmmirror.com/package/unplugin-vue-components
        Components({
            dirs: ['src/components'],
            dts: 'types/components.d.ts',
            resolvers: [IconsResolver()]
        }),

        // https://npmmirror.com/package/unplugin-icons#h-auto-importing
        // https://icones.js.org
        Icons({
            compiler: 'vue3',
            autoInstall: true,
            scale: 1.5
        }),

        // analyze bundle size
        visualizer()
    ]
})