Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Imagens svg ou svgr no vite

Boa Galera!! Tudo bem por aí??

Caso neste projeto freelando context-api ou outro projeto que usa-se vite e tenha imagens svgr (React component) também será necessário usar o plugin vite-plugin-svgr e adicionando no arquivo de configuração vite.config.js

Primeiro passo: Importar o plugin vite-plugin-svgr

Segundo configurar no array adição do plugin

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import svgr from 'vite-plugin-svgr';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(),
  svgr()],
  server: {
    "port": 3000
  }
})

Bons estudos e sucesso.

1 resposta
solução!

Olá, Jean.

Tudo bem?

Muito obrigado por compartilha essa solução aqui com a gente. É verdade, é necessário importar o plugin "vite-plugin-svgr" e adicioná-lo ao array de plugins no arquivo de configuração "vite.config.js", como você demonstrou. Vale lembrar que o Vite é uma ferramenta relativamente nova e ainda está em constante evolução. Por isso, é importante ficar atento às atualizações e possíveis mudanças na forma de configurar o projeto.

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software