vite实现分项目打包

配置文件

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {file} from "./config/build";
// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue()],
    build: {
        rollupOptions: {
            input: {
                [file]: `./src/pages/${file}/index.html`
            },
            output: {
                dir:"dist",
                entryFileNames: `${file}/[name]-[hash].js`,
                chunkFileNames: `${file}/[name]-[hash].js`,
                // assetFileNames: '[name]/[name].[ext]',
                assetFileNames: assetInfo => {
                    // 根据资源类型设置不同的输出路径
                    if (/\.(png|jpe?g|gif|svg)$/.test(assetInfo.name || '')) {
                        return `${file}/images/[name]-[hash][extname]`;
                    }
                    return `${file}/[name]-[hash][extname]`;
                }
            }
        }
    },
    root: './src/pages',
    server: {
        port: 3000
    }
})

其中import {file} from "./config/build";

就是build.ts

export const file = "demo01";