javascript - 使用 next.js 提高应用程序的性能
问题描述
我有一个应用程序next.js
,我想进行代码拆分以减少我的捆绑包,以便按需加载页面。
但是我没有找到办法做到这一点,因为我不在乎我的路线。作为使用 的示例react-router
,我们可以dynamic imports
在路线上使用。
有谁知道这个的解决方案?
解决方案
Next.js 在构建步骤中开箱即用地处理这个问题。
可以作为入口点存在的每条路由都将被构建为具有首次加载版本和将由路由器加载的增量。
您可以通过运行yarn build && yarn start
而不是yarn dev
.
如果您仍想拆分和动态加载部分 JS,可以查看 Next 的动态导入https://nextjs.org/docs/advanced-features/dynamic-import
推荐阅读
- apache-kafka - Kafka Streaming 应用程序在与 Kafka 连接后仅读取最新消息
- tensorflow - 如何将映射函数应用于张量?(张量流.js)
- c# - 在循环中处理所有成员
- javascript - Javascript 生成的图片库
- ruby-on-rails - 即时下载并解压缩 ZIP 文件
- android - 我的应用违反了 Android 广告 ID 政策
- angular - 带有 jwt 令牌/cookie 的 SPA + web api
- php - 在 apache2 执行 60 秒后网关超时
- angular - 如何在Angular 5中将参数作为查询字符串传递给httpClient.post?
- ios - 关于正确实现的架构 MVVM 问题