Build every js files in a single file

[corentinmace]

Hey, i'm using Vite with Vue 3 and I would like to build every javascript files in a single .js file, is there a way to do it?

[patak-dev]

Since Vite v2.9, there is no longer code splitting into index/vendor by default. So without the configuration, you should already be getting a single JS file. Maybe you could provide a reproduction using https://vite.new/vue so others can better understand your issue

[corentinmace]

I've updated vite to 2.9.9 and tried to build, but I still get code splitting, this is my actual conf

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import svgLoader from 'vite-svg-loader'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), svgLoader()],
  build : {
    outDir : '../',
  }
})

[patak-dev]

Are you using dynamic import? A new chunk would be generated for each of them to be able to lazy load them. You should use static imports if you don't want to split something in your app.

[corentinmace]

No I don't think that i'm using dynamic import

[killemalljustice]

Hi, i have the same problem with a new laravel app (with vite integration), after doing npm run build vite generates 1 file per component and i need just the vendor and index files

[orukaz]

Have anyone had solution for that?

[mhaasler]

dynamic import in vue-router I think