component-lib/package/packages/test/vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VitePluginStyleInject from 'vite-plugin-style-inject';

export default defineConfig({
    plugins: [
        vue(), // 添加 Vue 插件
        VitePluginStyleInject() // 添加样式注入插件
    ],
    build: {
        lib: {
            entry: 'index.js', // 入口文件
            name: 'MyComponentLibrary', // 全局变量名
            fileName: (format) => `index.${format}.js`, // 输出文件名
        },
        rollupOptions: {
            external: ['vue'], // 外部依赖
            output: {
                globals: {
                    vue: 'Vue'
                },
            },
        },
    },
});