NextJS如何检测并获取新页面?

w8f9ii69  于 2022-11-29  发布在  其他
关注(0)|答案(1)|浏览(145)

在一个新的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

dzjeubhm

dzjeubhm1#

对于任何想知道同样的未来,我终于破解了什么是引擎盖下,并试图编译它here

相关问题