如何在 Next.js next.config.js 中组合多个 module.exports？

Question

在我的 next.config.js 文件中，我想导出两个模块导出。但如果不将它们结合起来我就无法做到这一点。有没有办法将两个 module.exports 结合起来？

const withPWA = require("next-pwa");

module.exports = withPWA({
  future: { webpack5: true },
  pwa: {
    dest: "public",
    swSrc: "service-worker.js",
  },
});

module.exports = {
  env: {
    SANITY_DATASET_NAME: process.env.SANITY_DATASET_NAME,
    SANITY_PROJECT_ID: process.env.SANITY_PROJECT_ID,
  },
};

Answer 1

您不需要导出两个模块，您应该导出一个配置对象。

在此处检查所有可能的 NextJS 配置。

const withPWA = require("next-pwa");

module.exports = withPWA({
  future: { webpack5: true },
  pwa: {
    dest: "public",
    swSrc: "service-worker.js",
  },
  env: {
    SANITY_DATASET_NAME: process.env.SANITY_DATASET_NAME,
    SANITY_PROJECT_ID: process.env.SANITY_PROJECT_ID,
  },
});