Skip to main content
removeu 72 caracteres do conteúdo; título editado
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

NextJS como exportar dois module.exports em next.config Como definir as configurações de um plugin junto às configurações do Next.js?

Tenho um projeto que usa uma dependenciadependência chamada @uiw/react-md-editor ,@uiw/react-md-editor e, para essa dependencia do React funcionar no NextJS éque funcione com Next.js, preciso criar o arquivo next.config.jsnext.config.js e colocar este codigocódigo:

// next.config.js
const removeImports = require('next-remove-imports')();

module.exports = removeImports({});

É uma gambiarra para lidar com erros de css, a propria documentação recomenda..E isto funciona. mas sendo gambiarra ou não sempre usei assim e sempre funcionou! 

Mas agora precisei criar mais regras noquando preciso definir as configurações do próprio Next.js nesse arquivo next.config.js(nesse caso para permitir acesso de imagens de outros dominios. Que é basicamente este codigodomínios), tenho que fazer isto:

// next.config.js 

module.exports = {
    images: {
        domains: [
            'localhost',
            '10.0.0.164',
            'exemplo.com',
            'exemplo.com.br'
        ]
    }
};

Aí que começar o problema Aí que começa o problema. Não consigo usar os dois códigos no mesmo arquivo (que, o que era para ser tãoalgo simples), já.

tentei declarar os dois module.exportsmodule.exports separados, já tentei exportar um objeto com os dois, um array, e tudo que conheço. Mas só "funciona" se tiver um ou o outro. Mas se tiver só um então vou ter que remover a lógica do outro do app e quero usar os dois recursos. Já pesquisei e encontrei alguns exemplos de como fazer isso, mas todos estão desatualizados.

Obs.: EsteObserve que esse exemplo não acontece apenas com essa lib, semprebiblioteca. Sempre que preciso exportar dois modulesduas configurações (de um plugin e do Next.js, dapor exemplo), dá erro...

NextJS como exportar dois module.exports em next.config.js

Tenho um projeto que usa uma dependencia chamada @uiw/react-md-editor , e para essa dependencia do React funcionar no NextJS é preciso criar o arquivo next.config.js e colocar este codigo:

// next.config.js
const removeImports = require('next-remove-imports')();

module.exports = removeImports({});

É uma gambiarra para lidar com erros de css, a propria documentação recomenda... mas sendo gambiarra ou não sempre usei assim e sempre funcionou! Mas agora precisei criar mais regras no next.config.js para permitir acesso de imagens de outros dominios. Que é basicamente este codigo:

//next.config.js
module.exports = {
    images: {
        domains: [
            'localhost',
            '10.0.0.164',
            'exemplo.com',
            'exemplo.com.br'
        ]
    }
}

Aí que começar o problema. Não consigo usar os dois códigos no mesmo arquivo (que era para ser tão simples), já tentei declarar os dois module.exports separados, já tentei exportar um objeto com os dois, um array, e tudo que conheço. Mas só "funciona" se tiver um ou outro. Mas se tiver só um então vou ter que remover a lógica do outro do app e quero usar os dois recursos. Já pesquisei e encontrei alguns exemplos de como fazer isso, mas todos estão desatualizados.

Obs.: Este exemplo não acontece apenas com essa lib, sempre que preciso exportar dois modules, da erro...

Como definir as configurações de um plugin junto às configurações do Next.js?

Tenho um projeto que usa uma dependência chamada @uiw/react-md-editor e, para que funcione com Next.js, preciso criar o arquivo next.config.js e colocar este código:

// next.config.js
const removeImports = require('next-remove-imports')();

module.exports = removeImports({});

E isto funciona. 

Mas quando preciso definir as configurações do próprio Next.js nesse arquivo (nesse caso para permitir acesso de imagens de outros domínios), tenho que fazer isto:

// next.config.js 

module.exports = {
  images: {
    domains: [
      'localhost',
      '10.0.0.164',
      'exemplo.com',
      'exemplo.com.br'
    ]
  }
};

Aí que começa o problema. Não consigo usar os dois códigos no mesmo arquivo, o que era para ser algo simples).

tentei declarar dois module.exports separados, já tentei exportar um objeto com os dois, um array, e tudo que conheço. Mas só "funciona" se tiver um ou o outro. Mas se tiver só um então vou ter que remover a lógica do outro do app e quero usar os dois recursos. Já pesquisei e encontrei alguns exemplos de como fazer isso, mas todos estão desatualizados.

Observe que esse exemplo não acontece apenas com essa biblioteca. Sempre que preciso exportar duas configurações (de um plugin e do Next.js, por exemplo), dá erro.

Fonte Link

NextJS como exportar dois module.exports em next.config.js

Tenho um projeto que usa uma dependencia chamada @uiw/react-md-editor , e para essa dependencia do React funcionar no NextJS é preciso criar o arquivo next.config.js e colocar este codigo:

// next.config.js
const removeImports = require('next-remove-imports')();

module.exports = removeImports({});

É uma gambiarra para lidar com erros de css, a propria documentação recomenda... mas sendo gambiarra ou não sempre usei assim e sempre funcionou! Mas agora precisei criar mais regras no next.config.js para permitir acesso de imagens de outros dominios. Que é basicamente este codigo:

//next.config.js
module.exports = {
    images: {
        domains: [
            'localhost',
            '10.0.0.164',
            'exemplo.com',
            'exemplo.com.br'
        ]
    }
}

Aí que começar o problema. Não consigo usar os dois códigos no mesmo arquivo (que era para ser tão simples), já tentei declarar os dois module.exports separados, já tentei exportar um objeto com os dois, um array, e tudo que conheço. Mas só "funciona" se tiver um ou outro. Mas se tiver só um então vou ter que remover a lógica do outro do app e quero usar os dois recursos. Já pesquisei e encontrei alguns exemplos de como fazer isso, mas todos estão desatualizados.

Obs.: Este exemplo não acontece apenas com essa lib, sempre que preciso exportar dois modules, da erro...