跳過較大的區塊來運行 "Npm run build"

Question

嘗試執行「npm run build」時遇到了這個問題

(!) 有些區塊在縮小後大於500 KiB。請考慮：
- 使用動態import()來對應用程式進行程式碼拆分
- 使用build.rollupOptions.output.manualChunks來改進區塊的分割：https://rollupjs.org/guide/en/#outputmanualchunks
- 透過build.chunkSizeWarningLimit來調整此警告的區塊大小限制。 

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();
                    }
                }
            }
        }
    }
});