Estoy migrando de react-scripts@3.4.3 a react-scripts@4.0.3 (utilidad principal de la aplicación Create react) y tengo problemas para hacer referencia a imágenes en los archivos CSS.

Anteriormente tenía en mi CSS direcciones URL referenciadas como:

 .social.linkedin { background-color: #006699; background-image: url('/assets/socials/linkedin@2x.png'); } .social.telegram { background-color: #28a0d3; background-image: url('/assets/socials/telegram@2x.png'); } .social.github { background-color: #1b1f23; background-image: url('/assets/socials/github@2x.png'); }

Los scripts de React simplemente conservaron estas URL durante la transpilación y en el paquete final, las URL eran exactamente las mismas que en los archivos de origen. He configurado un servidor como /assets fue atendida por CDN. Todo estaba funcionando.

Pero en la versión 4.0.3, los scripts de reacción intentan ser "más inteligentes" e importar imágenes a la compilación de producción como URI de datos. Los tratan como otras importaciones de código y restringen su existencia solo a la carpeta o bibliotecas src.

 Creating an optimized production build... Failed to compile. ./src/35-styles/index.css Error: Can't resolve '/assets/socials/github@2x.png' in 'C:\Users\me\work\collboard\collboard-merging\src\35-styles' at runMicrotasks (<anonymous>)

¿Puedo de alguna manera desactivar esta función sin hacer referencia a los activos externamente como URL absolutas o colocarlos en la carpeta src y tenerlos como URI de datos ineficientes en el paquete CSS?