No entiendo, lo hice igual y me esta copiando las fuentes dentro de la carpeta fonts y también dentro de la carpeta images, alguno sabe p...

Franklin Gerardo Pimentel Hernández

Franklin Gerardo Pimentel Hernández

Pregunta
studenthace 4 años

No entiendo, lo hice igual y me esta copiando las fuentes dentro de la carpeta fonts y también dentro de la carpeta images, alguno sabe por que puede ser esto?

9 respuestas
para escribir tu comentario
    Jhon Alexander Lerma Becerra

    Jhon Alexander Lerma Becerra

    studenthace 2 años

    estuve leyendo un poco y no es necesario el url-loader ni el font-loader a partir de la version 5, una solución es quitar los plugin y escribir la siguiente regla:

    { test: /\.(woff|woff2)$/, type: "asset/resource", generator: { filename: "assets/fonts/[name][ext]" }
    Duvan Alexis Palomino Ramirez

    Duvan Alexis Palomino Ramirez

    studenthace 2 años

    Buenas, a mi no me funciona la solcuion de Racode75, porque sera??

    Yohan Manuel Estevez Rueda

    Yohan Manuel Estevez Rueda

    studenthace 3 años

    La Solución de @RaCode75 - Ruben Abreu - funciona a la perfección para el caso dónde se duplican las fuentes en la carpeta images.

    David Hereira

    David Hereira

    studenthace 3 años

    gracias, yo también noté que en mi proyecto no estaba cargando la fuente ubuntu. Hice los cambios en esas dos líneas y ahora si la carga

    Carlos Quesada Díaz

    Carlos Quesada Díaz

    studenthace 3 años

    Me funcionó con el ajuste en el "name" y el "type" que propuso @RaCode75

    Oscar Zamora

    Oscar Zamora

    studenthace 3 años

    Perdonen mi anterior comentario escribí mal y no pude editarlo XD Decía que en el proyecto ya no se ve aplicado la fuente Ubuntu. Lo digo porque veo que la "n" no es como dijo Oscar Barajas.

    Oscar Zamora

    Oscar Zamora

    studenthace 3 años

    Me pasa igual y aparte en la no en el proyecto ya no veo aplicada la fuente Ubuntu

    Felix Reyna

    Felix Reyna

    studenthace 3 años

    Gracias @RaCode75 me ayudo mucho tu solución. El detalle es que luego me apareció el siguiente error en consola:

    ERROR in ./src/styles/main.css Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): HookWebpackError: Invalid URL

    El codigo que colocaste funciona perfectamente, separa las fonts de las images, sin embargo en consola me aparece ese error.

    Ruben Abreu

    Ruben Abreu

    studenthace 4 años

    Hola, a partir de webpack 5 se utilisa otro método para cargar fuentes. De todas formas segui buscando y consegui solucionarlo así.

    test: /.(woff|woff2)$/, use: { loader: 'url-loader', options: { limit: 10000, mimetype: "application/font-woff", name: "[name].[contenthash].[ext]", outputPath: "./assets/fonts/", publicPath: "./assets/fonts/", esModule: false, }, }, type: 'javascript/auto',** // con esta línea no duplica los assets.**

Curso de Webpack [Empieza Gratis]

Curso de Webpack [Empieza Gratis]

Construye aplicaciones React usando Webpack. Aprende a configurar y optimizar tu entorno de desarrollo con loaders, compresión CSS y análisis de paquetes. Despliega tu proyecto fácilmente en producción y mejora el rendimiento.

Curso de Webpack [Empieza Gratis]
Curso de Webpack [Empieza Gratis]

Curso de Webpack [Empieza Gratis]

Construye aplicaciones React usando Webpack. Aprende a configurar y optimizar tu entorno de desarrollo con loaders, compresión CSS y análisis de paquetes. Despliega tu proyecto fácilmente en producción y mejora el rendimiento.