Making a full bundle

[alemscoder]

Hello, I have created a bundle with the following configuration using ViteJS:
import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
build: {
lib: {
entry: 'node_modules/@spectrum-web-components/bundle/elements.js',
formats: ['es']
},
rollupOptions: {
//external: /^lit/
}
}
})
and in the output I have obtained several js files:

vite-spectrum-bundle@0.0.0 build
tsc && vite build
vite v3.2.3 building for production...
✓ 467 modules transformed.
dist/vite-spectrum-bundle.js 0.03 KiB / gzip: 0.05 KiB
dist/focus-visible.a960086d.js 4.41 KiB / gzip: 1.35 KiB
dist/overlay.ae08b525.js 14.10 KiB / gzip: 3.93 KiB
dist/ResizeObserver.b6bd1d00.js 12.08 KiB / gzip: 3.65 KiB
dist/flow.3e9a0d22.js 17.86 KiB / gzip: 4.03 KiB
dist/index.ebcd48c1.js 15.05 KiB / gzip: 4.36 KiB
dist/elements.f62ed976.js 1580.29 KiB / gzip: 225.08 KiB

my question is the following: is there a way to create a single full bundle file? or some way to unify those obtained in the build?
thanks in advance

[alemscoder]

I solved, I use Rollup, here the config file:
`import {nodeResolve} from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';
import terser from '@rollup/plugin-terser';

export default {
input: 'src/spectrum-web-components.js',
output: {
file: 'output/spectrum-web-components-full-bundle.js',
format: 'esm',
inlineDynamicImports: true
},
plugins: [
terser(),
nodeResolve(),
replace({
include: 'node_modules/focus-visible/dist/focus-visible.js',
values: {
'this': 'undefined'
},
preventAssignment: true
})
]
}`