如何在另一个文件夹中设置.next-folder？

Question

我的页面文件夹位于/ client文件夹中，并且希望.next文件夹位于项目的根目录中。

我有一个具有以下结构的项目：

据此，我将页面文件夹放在./client/pages下。理想情况下，我想将.next文件夹放置在项目的根目录中。

可以这样做吗？

Answer 1

您可以使用next.config.js文件指定构建的输出。

我希望将自己的文件夹称为_next，以简化路由。

module.exports = {
  distDir: '_next',
};

因此，您可以使用以下方法使路径在目录中穿越一级：

module.exports = {
  distDir: '../.next',
};

尽管我建议您不要使用.next名称，而应使用下划线，但这将解决很多生产上的麻烦。

module.exports = {
  distDir: '../_next',
};

一个更好的解决方案是使用Nginx之类的代理为您处理路由。因此，请将_next文件夹保留在客户端目录中，并将根路径设置为客户端文件夹。