如何调整我的代码以从 next.config.js 文件运行到 .mjs 文件？

Question

我在

next.config.js

文件中的旧代码如下所示：

const withTM = require('next-transpile-modules')([
  '@stripe/firestore-stripe-payments',
]) // pass the modules you would like to see transpiled

module.exports = withTM({
  reactStrictMode: true,
  images: {
    domains: ['rb.gy', 'image.tmdb.org'],
  },
})

我正在通过

@stripe/firestore-stripe-payments

进行转译，这之前工作正常。

我正在重新创建，这个新项目有一个

next.config.mjs

文件。

require

和

module.exports

在

.mjs

文件中均无效。

我的

next.config.mjs

文件目前看起来像这样：

import withTM from 'next-transpile-modules'

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: true,
  images: {
    domains: ['image.tmdb.org', 'rb.gy']
  }
};

export default nextConfig;

有人对如何实现这个有什么建议吗？

Answer 1

我已经很接近了，但不知道如何完成这个配置块。

所需要做的就是创建另一个

const

变量并在导出中传递

nextConfig

。

import withTM from 'next-transpile-modules'

const withTranspileModules = withTM(['@stripe/firestore-stripe-payments'])

const nextConfig = {
  reactStrictMode: true,
  images: {
    domains: ['image.tmdb.org', 'rb.gy']
  }
};

export default withTranspileModules(nextConfig)