我有一个带有 next.js
的应用程序,我想进行代码拆分以减少我的包并按需加载页面。
但是我没有找到办法做到这一点,因为我不关心我的路线。作为使用 react-router
的示例,我们可以在路由上使用 dynamic imports
。
有人知道解决方案吗?
Next.js 在构建步骤中开箱即用地处理此问题。
可以作为入口点存在的每个路由都将构建为具有首次加载版本和将由路由器加载的增量。
您可以通过运行 yarn build && yarn start
而不是 yarn dev
在本地尝试此操作。
如果您仍然想拆分和动态加载部分 JS,可以查看 Next 的动态导入 https://nextjs.org/docs/advanced-features/dynamic-import