Ignorer les gros morceaux pour exécuter "Npm run build"

Question

J'ai rencontré ce problème en essayant d'exécuter npm run build

(!) Certains blocs font plus de 500 Ko après minification. Veuillez considérer :
- Utilisez Dynamic Import() pour coder votre application
- Utilisez build.rollupOptions.output.manualChunks pour améliorer le fractionnement des morceaux : https://rollupjs.org/guide/en/#outputmanualchunks
- Ajustez la limite de taille de morceau pour cet avertissement via build.chunkSizeWarningLimit. ≪/pré>

Answer 1

EDIT : Voici une solution de contournement, masquez simplement l'avertissement

Ajouter une commande dans vite.config.js

build: {
    chunkSizeWarningLimit: 1600,
  },

Code complet

// 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

Si vous ne souhaitez pas augmenter chunkSizeWarningLimit et que vous souhaitez davantage résoudre le problème de taille réelle, essayez cette solution :

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