reactjs - NextJS 中页面的选择性静态 html 导出

Question

我正在开发一个 NextJS 项目，我们计划按照 here 的描述进行页面的静态 HTML 导出。 .

这里是我想要实现的场景:

假设我们已经静态生成了以下页面。

关于/产品1

关于/产品2

关于/产品3

在一天中，product1 的可用性发生了变化。有没有办法只静态导出 about/product1 而不触及之前导出的其他页面。

Answer 1

根据您的示例，您应该按照以下步骤操作:

步骤 1

创建一个配置文件来设置自定义 exportMap :

// next.config.js
module.exports = {
  exportPathMap: async function(
    defaultPathMap,
    { dev, dir, outDir, distDir, buildId }
  ) {
    return {
      // only include the pages that you want to export
      'about/product1': { page: 'about/product1' },
    }
  },
}

步骤 2

构建和导出确保设置不同的输出文件夹。例如，如果您的构建和导出脚本名为 bexport，并且您希望将新导出文件夹命名为“out2”，您将使用:

yarn bexport -o out2

警告:如果您不指定不同的输出文件夹，则只有 about/product1 会重新导出到原始输出文件夹，但 about/product2 和 about/product3 将被删除，因为它们未包含在当前的 exportMap 设置中。

步骤 3

将重新导出的文件移动到包含所有导出页面的文件夹，以覆盖以前版本的 about/product1:

mv out2/about/product1.html out/about/