webpack 代码拆分是不是适用于 react-native？

Posted 2023-02-22

【中文标题】webpack 代码拆分是不是适用于 react-native？

【英文标题】：Does webpack code splitting work in react-native?webpack 代码拆分是否适用于 react-native？

【发布时间】：2020-03-03 07:42:59

【问题描述】：

我在一个网络应用程序中使用react-router。

当使用import 'lodash' 时，我将整个lodash 库导入到我的项目中。

代码拆分是关于使用async 导入，使用import().then() 在应用程序运行时动态加载块。

了解code splitting in react-router/web。

例如：function atRuntime() import('lodash').then(() => );

这将在运行时使用 ajax 请求导入库，因此它不会捆绑在 main.js 中。

我想在 Web 和本机之间回收我的代码，并且我们为每个页面更改使用大量代码拆分。

我的应用有两个主要部分，一些用户只会访问一个部分，因此他们不需要所有用户认证的部分。

我希望能够在 react-native 期间使用摇树，但 react-router/native 文档中缺少它。

什么是 react-native 对代码拆分的看法？

【问题讨论】：

我最终只对.web.js 路由使用了代码拆分。

【参考方案1】：

如果你想使用 webpack，你可以尝试使用 haul https://github.com/callstack/haul

但我强烈推荐这个没有 webpack 的实现 -> https://www.npmjs.com/package/react-native-bundle-splitter

【讨论】：

你为什么强烈推荐这个没有 Webpack 的实现？