使用 next.js 提高应用程序的性能

我有一个带有 next.js 的应用程序,我想进行代码拆分以减少我的包并按需加载页面。

但是我没有找到办法做到这一点,因为我不关心我的路线。作为使用 react-router 的示例,我们可以在路由上使用 dynamic imports

有人知道解决方案吗?

wdiaoniena 回答:使用 next.js 提高应用程序的性能

Next.js 在构建步骤中开箱即用地处理此问题。

可以作为入口点存在的每个路由都将构建为具有首次加载版本和将由路由器加载的增量。

您可以通过运行 yarn build && yarn start 而不是 yarn dev 在本地尝试此操作。

如果您仍然想拆分和动态加载部分 JS,可以查看 Next 的动态导入 https://nextjs.org/docs/advanced-features/dynamic-import

本文链接:https://www.f2er.com/3537.html

大家都在问