我可以使用 webpack 加速我的 React 和 Type 項目嗎？

Question

我有一個項目，而且很大。 當我寫 npm 開始時，加載需要 6 到 8 分鍾。 是否有可能讓您首先快速加載登錄頁面，然后才能加載其他所有內容？

Answer 1

要正確回答這個問題，需要項目的一些細節，比如

• 它的結構如何？
• 是否足夠解耦？
• 組件可以彼此分開工作嗎？

盡管如此，如果它只是一個注冊頁面，我假設會有一個簡單的輸入表單和一個網絡調用授權。

為了使這個工作，將負責身份驗證的組件提取到單個組件中，如果該組件有一些額外的依賴項，請嘗試使用延遲導入來延遲加載它們

import { lazy } from 'react';

const later_package = lazy(() => { import './later_dependency'})

注意：上述惰性導入僅適用於默認導入。

• 更多關於代碼拆分的信息

對於 webpack 做一些捆綁包分析，檢查捆綁包依賴項是否會減慢構建速度。 如果沒有，則拆分入口點。 更多關於 Webpack 代碼拆分 在這里