/*
 * @Author: lzy
 * @Date: 2023-05-18 16:39:41
 * @LastEditors: lzy
 * @LastEditTime: 2023-05-23 15:18:40
 * @FilePath: \vue3-form-drag\vite.config.ts
 *
 */
import type { UserConfig } from "vite";
import path from "path";
import vue from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
import ElementPlus from "unplugin-element-plus/vite";
import vueJsx from "@vitejs/plugin-vue-jsx";

const resolve = (dir: string) => path.join(__dirname, dir);

export default (): UserConfig => {
    const root = process.cwd();

    return {
        base: "./",
        root,
        plugins: [
            vue(),
            vueJsx(),
            AutoImport({
                // 设置为false，即为不自动导入，设置为路径即在当前路径生成自动导入文件  true即默认./auto-import.d.ts
                dts: resolve("./src/components.d.ts"),
                imports: [
                    "vue",
                    "pinia",
                    "vue-router",
                    {
                        "@vueuse/core": []
                    }
                ],
                eslintrc: {
                    enabled: true, // Default `false`
                    filepath: resolve("./.eslintrc-auto-import.json"), // Default `./.eslintrc-auto-import.json`
                    globalsPropValue: true // Default `true`, (true | false | 'readonly' | 'readable' | 'writable' | 'writeable')
                },
                resolvers: [ElementPlusResolver()]
            }),
            Components({
                extensions: ["vue", "md"],
                dts: resolve("./src/auto-imports.d.ts"),
                include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
                exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
                resolvers: [ElementPlusResolver()]
            }),
            createSvgIconsPlugin({
                iconDirs: [resolve("./src/icons")],
                // 指定symbolId格式
                symbolId: "svg-[name]"
            }),
            // 手动引入时自动引入样式
            ElementPlus({
                useSource: true
            })
        ],
        optimizeDeps: {
            // 预加载
            include: ["element-plus/dist/locale/zh-cn.mjs"]
        },
        resolve: {
            alias: {
                "~/": `${path.resolve(__dirname, "src")}/`,
                "@": resolve("src")
            }
        },
        css: {},
        server: {
            host: "0.0.0.0",
            port: 4000, // 服务端口号
            open: true // 服务启动时是否自动打开浏览器
        },
        build: {
            reportCompressedSize: false,
            chunkSizeWarningLimit: 2000,
            rollupOptions: {
                // 静态资源分类打包
                output: {
                    chunkFileNames: "static/js/[name]-[hash].js",
                    entryFileNames: "static/js/[name]-[hash].js",
                    assetFileNames: "static/[ext]/[name]-[hash].[ext]"
                }
            }
        },
        define: {
            // 解决打包报错
            __INTLIFY_PROD_DEVTOOLS__: JSON.stringify(false)
        }
    };
};