簡體   English   中英

在同一頁面中具有多個反應包的性能影響

[英]Performance impacts of having multiple react bundles in the same page

因此,我有一個HTML頁面(主頁),該頁面引用了由2個不同的團隊(例如app1.js和app2.js)創建的2個javascript捆綁包。

<html>
<script src='path to app1.js'/>
<script src='path to app2.js' />
</html>

兩個團隊都使用react和react-dom。

在兩個捆綁包中使用react和react-dom似乎是多余的。

是否可以在不具有反應/反應-dom的情況下創建單頁應用程序的生產捆綁包,以便主頁看起來像這樣?

<html>
<script src='path to react-cdn.js'/>
<script src='path to react-dom-cdn.js' />
<script src='path to app1.js without react/react-dom'/>
<script src='path to app2.js without react/react-dom' />
</html>

如果兩個團隊都使用不同版本的react / react-dom,是否會導致版本沖突?

請注意:

  1. 這些團隊在單獨的代碼庫中單獨工作。
  2. 我控制主頁。 但是我無法控制球隊。 意思是,我不能將它們組合為一個。
  3. 他們將需要在其開發環境中做出反應並做出反應。
  4. 兩個團隊都使用Webpack。

您可以為此使用Webpack外部

我們有一個類似的設置,即同一頁面中有多個反應包。 因此,在每個束中都沒有反應,反應,時機等是沒有意義的。

您可以嘗試以下方法:

  • 在HTML頁面中提供react和react-dom作為全局依賴項
  • 讓兩個團隊都工作於那些版本的react和react-dom
  • 使用Webpack外部組件可以忽略生產包中的反應和反應場。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM