Überspringen Sie größere Blöcke, um „Npm run build“ auszuführen.

Question

Ich bin auf dieses Problem gestoßen, als ich versucht habe, npm run build

auszuführen.

(!) Einige Blöcke sind nach der Minimierung größer als 500 KiB. Beachten Sie bitte:
- Verwenden Sie Dynamic Import(), um Ihre Anwendung im Code aufzuteilen
– Verwenden Sie build.rollupOptions.output.manualChunks, um die Chunk-Aufteilung zu verbessern: https://rollupjs.org/guide/en/#outputmanualchunks
– Passen Sie die Blockgrößenbeschränkung für diese Warnung über build.chunkSizeWarningLimit an. 

Answer 1

编辑：这是一个解决方法，只是隐藏警告

在vite.config.js中添加命令

build: {
    chunkSizeWarningLimit: 1600,
  },

完整代码

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

如果您不想增加 chunkSizeWarningLimit，而更关注解决实际大小问题，请尝试以下解决方案：

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