跳過較大的區塊來運行 "Npm run build"
P粉381463780
2023-08-24 13:54:24
<p>嘗試執行「<code>npm run build</code>」時遇到了這個問題</p>
<pre class="brush:php;toolbar:false;">(!) 有些區塊在縮小後大於500 KiB。請考慮：
- 使用動態import()來對應用程式進行程式碼拆分
- 使用build.rollupOptions.output.manualChunks來改進區塊的分割：https://rollupjs.org/guide/en/#outputmanualchunks
- 透過build.chunkSizeWarningLimit來調整此警告的區塊大小限制。 </pre>
<p><br /></p>
編輯：這是一個解決方法，只是隱藏警告
#在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, }, });如果您不想增加
chunkSizeWarningLimit，而更專注於解決實際大小問題，請嘗試以下解決方案：export default defineConfig({ .... build: { rollupOptions: { output:{ manualChunks(id) { if (id.includes('node_modules')) { return id.toString().split('node_modules/')[1].split('/')[0].toString(); } } } } } });