代码拆分和预取

Next.js 会自动进行代码拆分，因此每个页面只加载该页面所需的内容。这意味着在呈现主页时，最初不会提供其他页面的代码。

这可确保即使您添加数百个页面，主页也能快速加载。

仅加载您请求的页面的代码也意味着页面变得孤立。如果某个页面抛出错误，应用程序的其余部分仍将正常工作。

此外，在 Next.js 的生产版本中，每当 Link 组件出现在浏览器的视口中时，Next.js 会自动在后台预 取 链接页面的代码。当您单击链接时，目标页面的代码已经在后台加载，并且页面转换将几乎是即时的！

---

重要： 要使用 CSS 模块 ，CSS 文件名必须以 .module.css 结尾。

贡献者

yumengjh

更新日志

2025/8/27 09:14

查看所有更新日志

• a1f88-tidy up于 2025/8/27
• 99074-doc update于 2025/8/23