expo - 如何使用 Expo web (React Native Web) 进行代码拆分？

Question

在 Expo 网络项目中是否有推荐的代码拆分方法？

我在文档中找不到任何内容，即使在网页性能页面上:https://docs.expo.io/guides/web-performance/

我很惊讶，因为这是很多(可能是大多数)网络应用程序想要做的事情。如果它不受官方支持，是否有解决方法？

Answer 1

使用@expo/webpack-config，在 Presets 中提到节，应该。

根据 optimization addon 中的这个片段它应该支持 SplitChunk ，并根据 outputs configuration它应该支持 Dynamic imports在 production模式。

例如:构建基本的博览会示例项目“带有一些选项卡”将在 web-build/static/js 中生成，像这样:

  736330 2.d0bdb3b4.chunk.js         // vendors modules  
    7979 app.cdd6a824.chunk.js       // application
    1540 runtime~app.34c76111.js     // runtime chunk

应用动态导入后构建将产生如下结果:

  563269 2.dfc93353.chunk.js
  173256 3.3b8c575c.chunk.js
    5837 4.0ec37ce1.chunk.js
    2574 app.82916626.chunk.js
    2354 runtime~app.bd407466.js

它看起来不是很理想，但在我看来这就是代码拆分。