NodeJS 如何使用现有的next.config.js文件配置next-images

lzfw57am  于 2023-01-12  发布在  Node.js
关注(0)|答案(1)|浏览(171)

我想在我的nextjs应用中使用npm包next-images。
在阅读了next-images的文档后,它说您需要使用以下代码创建一个next.config.js文件:

const withImages = require('next-images')
module.exports = withImages()

但是我已经有了一个next.config.js文件,目前它里面的代码看起来像这样:

var fs = require('fs');

const nextConfig = {
    reactStrictMode: true,
    images: {
        remotePatterns: [
            {
                protocol: "http",
                hostname: "**",
            },
            {
                protocol: "https",
                hostname: "**",
            },
        ],
    },
    env: {
        customSnipcartJS: fs.readFileSync('public/file2.js').toString(),
        snipcartInstallJS: fs.readFileSync('public/file1.js').toString()
    }
}

module.exports = nextConfig

因此,我的问题是,如何将next-images所需的配置代码与我的next.config.js中已有的现有配置合并起来

zxlwwiss

zxlwwiss1#

万一别人遇到这样的事情,我找到了一个解决办法。
我设法让这个工作,你可以把你的自定义下一个配置传入withImages方法。
现在这个方法奏效了。

var fs = require('fs');
const withImages = require('next-images');

module.exports = withImages({
    reactStrictMode: true,
    images: {
            disableStaticImages: true,
            remotePatterns: [
            {
                protocol: "http",
                hostname: "**",
            },
            {
                protocol: "https",
                hostname: "**",
            },
        ],
    },
    env: {
        customSnipcartJS: fs.readFileSync('public/file2.js').toString(),
        snipcartInstallJS: fs.readFileSync('public/file1.js.js').toString()
    }
})

相关问题