vite.config.js

import { defineConfig } from 'vite';
import path from 'path';
import react from '@vitejs/plugin-react-swc';

import pkg from './package.json' assert {type: 'json'};

const resolve = (url) => path.resolve(__dirname, url);
const type = process.env.NODE_TYPE;
const buildConf = {};
// 用于上传npm包
if (type === 'lib') {
    buildConf.build = {
        lib: {
            entry: resolve('./src/index.js'),
            formats: ['es'],
            name: 'ImageBeautifier',
            fileName: (format) => `image-beautifier.${format}.js`,
        },
        rollupOptions: {
            external: [...Object.keys(pkg.dependencies || {}), ...Object.keys(pkg.peerDependencies || {})]
        },
        outDir: 'lib', // 打包后存放的目录文件
    }
}

// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        alias: {
            '@components': resolve('./src/components'),
            '@assets': resolve('./src/assets'),
            '@style': resolve('./src/style'),
            '@stores': resolve('./src/stores/index.js'),
            '@utils': resolve('./src/utils'),
            '@hooks': resolve('./src/hooks'),
        },
        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'], // 省略扩展名
    },
    plugins: [react()],
    ...buildConf
});