在一个新的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
。
1条答案
按热度按时间dzjeubhm1#
对于任何想知道同样的未来,我终于破解了什么是引擎盖下,并试图编译它here。