Langkau ketulan yang lebih besar untuk menjalankan "Npm run build"

Question

Saya menghadapi masalah ini semasa cuba menjalankan npm run build

(!) Sesetengah blok lebih besar daripada 500 KiB selepas minifikasi. Tolong pertimbangkan:
- Gunakan import dinamik() untuk memisahkan kod aplikasi anda
- Gunakan build.rollupOptions.output.manualChunks untuk menambah baik pemisahan bahagian: https://rollupjs.org/guide/en/#outputmanualchunks
- Laraskan had saiz ketulan untuk amaran ini melalui build.chunkSizeWarningLimit. 

            

Answer 1

EDIT: Berikut ialah penyelesaian, cuma sembunyikan amaran

Tambah arahan dalam vite.config.js

build: {
    chunkSizeWarningLimit: 1600,
  },

Kod penuh

// https://vitejs.dev/config/
export default defineConfig({
  base: "/Stakepool-Frontend/",
  plugins: [vue()],
  resolve: {
    alias: {
      "~": path.resolve(__dirname, "node_modules"),
      "@": path.resolve(__dirname, "src"),
    },
  },
  build: {
    chunkSizeWarningLimit: 1600,
  },
});

Answer 2

Jika anda tidak mahu bertambah chunkSizeWarningLimit dan lebih mementingkan penyelesaian masalah saiz sebenar, cuba penyelesaian ini:

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