next.config.js 中的 process.env答案

【问题标题】：process.env inside next.config.jsnext.config.js 中的 process.env
【发布时间】：2021-06-05 23:21:33
【问题描述】：

我正在尝试将 Next.js 图像优化与外部加载程序一起使用。我不知道为什么以下不起作用

module.exports = withPlugins([withGraphql], {
  [PHASE_PRODUCTION_BUILD]: {
    webpack: (config, { webpack }) => {
      config.plugins.push(new webpack.IgnorePlugin(/\/__tests__\//))
      return config
    },
  },
  images = {
    loader: 'imgix',
    path: process.env.IMAGE_LOADER_URL,
  }
})

但是，如果我对值进行硬编码，它就可以工作。这是在 Heroku 上，记录 process.env.IMAGE_LOADER_URL 的值会显示在日志中。

【问题讨论】：

标签： heroku next.js nextjs-image

【解决方案1】：

所以这是双重的：

Next.js 在构建时加载任何 .env 文件之前读取此文件。
在运行容器化构建时，Heroku 不会使用环境变量运行 docker build。

最终我的解决方案是放弃 Dockerized 构建。这也提高了我的部署速度。

【讨论】：