如何在 Next.js next.config.js 中组合几个 module.exports？答案

【问题标题】：How do I combine several module.exports in Next.js next.config.js?如何在 Next.js next.config.js 中组合几个 module.exports？
【发布时间】：2021-04-19 16:31:28
【问题描述】：

在我的 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,
  },
};

【问题讨论】：

标签： reactjs next.js

【解决方案1】：

你不需要导出两个模块，你假设导出一个配置对象。

检查所有可能的 NextJS 配置here。

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,
  },
});

【讨论】：