代码拆分和预取

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

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

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

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

---

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