webpack怎么实现类似nextjs里的pages目录下的文件就是路由?

发布于 2022-09-12 23:22:26 字数 93 浏览 11 评论 0

nextjs中,没有使用react-router路由,而是有一个pages目录,目录里的文件和文件夹,就是自动的路由,可以直接通过pages的路径对应url的路径访问页面。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

救赎№ 2022-09-19 23:22:26

react-router的路由是前端使用的。nextjs的是通过express作为服务端,根据请求路径解析出完整的文件路径用于匹配不同环境下的文件并返回。

dev下会检查页面是否已经生成了打包的js文件,没有就会打包js,请求路径就会render js文件返回html。

build下检查是否使用了getInitialProps这种方法,没有就生成出对应的html文件,到时候请求了这个路径express直接返回html文件。如果使用了getInitialProps,会生成js文件,请求了路径会服务器render返回html

这是我理解的部分nextjs路由知识,希望能帮助到你

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文