laravelvue.jsviteyarn-workspaces

(!) Some chunks are larger than 500 KiB after minification


On rRun yarn dev it work fine but whenI run yarn build it's showing this error

(!) Some chunks are larger than 500 kBs after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
Done in 6.03s.

Solution

  • After adding this on vite.config.js its fixed

    build: {
            rollupOptions: {
                output:{
                    manualChunks(id) {
                        if (id.includes('node_modules')) {
                            return id.toString().split('node_modules/')[1].split('/')[0].toString();
                        }
                    }
                }
            }
        }
    

    Full FIle is like

    export default defineConfig({
        plugins: [
            vue(),
            laravel({
                input: ['resources/js/app.js'],
                refresh: true,
            }),
            i18n(),
        ],
    
        resolve: {
            alias: {
                vue: 'vue/dist/vue.esm-bundler.js',
                ziggy: path.resolve('vendor/tightenco/ziggy/dist/vue.es.js'),
    
            },
        },
        build: {
            rollupOptions: {
                output:{
                    manualChunks(id) {
                        if (id.includes('node_modules')) {
                            return id.toString().split('node_modules/')[1].split('/')[0].toString();
                        }
                    }
                }
            }
        }
    });