如何阻止Next.js预编译指定文件？解决动态配置加载问题

你的核心问题是load-config.ts里的cfg变量在Next.js构建阶段就被固定为静态值，后续修改config.toml无法触发重新读取。按以下步骤调整即可解决：

• 把配置读取逻辑移到函数内部
  原代码中cfg在模块加载时就完成初始化，属于预编译内容。改成每次调用getConfig都实时读取最新配置文件：

  "use server";
  
  import { readFileSync as read } from "fs";
  import { parse } from "smol-toml";
  
  import { configSchema } from "./schema";
  
  export async function getConfig() {
    // 每次调用都重新读取并解析配置文件
    const cfg = configSchema.parse(parse(read("/data/config.toml", { encoding: "utf-8" })));
    return cfg;
  }
  

• 确保SEO元数据动态获取配置
  在页面的generateMetadata函数中异步调用getConfig，保证每次生成元数据都用最新配置：

  import { getConfig } from "./load-config";
  
  export async function generateMetadata() {
    const config = await getConfig();
    return {
      title: config.seo.title,
      description: config.seo.description,
      // 其他SEO字段按需添加
    };
  }
  

• 调整页面渲染模式（若用静态生成）
  如果页面是静态生成（SSG）模式，需在页面组件中添加配置强制动态渲染，确保每次请求都拉取最新配置：

  export const dynamic = "force-dynamic";
  

  要是想平衡实时性和性能，也可以用增量静态再生（ISR），比如设置export const revalidate = 60;让页面每60秒自动更新一次。

内容的提问来源于stack exchange，提问作者Timsib Adnap