Bundle JS and CSS into single file with Vite

Two steps, We can inject css into js assets with vite-plugin-css-injected-by-js. We can emit a single js asset by disabling chunks in rollup’s config. Final result, import cssInjectedByJsPlugin from “vite-plugin-css-injected-by-js”; export default defineConfig({ plugins: [cssInjectedByJsPlugin()], build: { rollupOptions: { output: { manualChunks: undefined, }, }, }, }); As suggested by @TheRockerRush below, you may want … Read more