在一个新的NextJS项目中，我通过运行yarn dev启动dev服务器，并将以下代码添加到pages/index.jsx：

export default Home(){
 return <Link href="/abc">Go to abc</Link>
}

假设我使用以下代码在pages目录中创建一个名为abc.js的新页面：

export default AbcPage(){
 return <div>Welcome to ABC page.</div>
}

通过查看终端中的输出，新页面似乎还没有编译，当我在主页中单击abc时，编译发生，一个abc.js块被下载到浏览器中。

我的问题是，NestJS如何配置webpack以按需加载块？

我查看的一些相关文件包括：

• packages/next/build/webpack/loaders/next-client-pages-loader.ts
• packages/next/client/index.tsx
• packages/next/client/page-loader.ts
• packages/next/build/webpack/plugins/flight-client-entry-plugin.ts

看来上面列表中的最后一个是我问题的关键。我也是https://github.com/webpack/webpack/issues/1422。