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

Question

我在 /client 文件夹中有我的 pages 文件夹，并希望项目根目录中的 .next 文件夹。

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

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

是否有可能做到这一点？

标签： javascriptreactjsnext.js

Answer 1

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

我喜欢将我的文件夹命名为 _next 以使路由更容易。

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

因此，您可以使用以下命令使您的路径在目录中遍历一级：

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

尽管我建议您不要使用 .next 名称，而是使用下划线，但这将解决生产中的很多问题。

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

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