Tag: WEBPACK-FILE-LOADER
Mientras investigaba sobre webpack, me encontré con un ejemplo en la guía oficial “Asset Management” que no funciona como se esperaba. Se utiliza la misma imagen para insertar una etiqueta en el DOM de un archivo js y como fondo de un elemento en los estilos css. Cuando se utiliza . . . Read more
Necesitaba alojar un archivo CSS y cargarlo en un iFrame en la página. He utilizado exitosamente file-loader en un proyecto de Preact. Pero cuando lo uso en NextJs, no funciona. No arroja ningún error. En realidad, proporciona una ruta relativa del archivo CSS, pero cuando intento abrir la URL agregando . . . Read more
Estoy utilizando el complemento file-loader, un plugin de webpack que convierte las importaciones multimedia en sus URL, por lo que en import src from './image.png', src es una string. Sé que puedo hacer que Typescript lo entienda mediante la inclusión de esto en algún archivo de declaración: ts declare module . . . Read more
Cuando uso html-loader y file loader, en modo desarrollo la imagen no se muestra en el navegador. Las imágenes están en la carpeta src->assets->images y en el archivo HTML. Por favor, sugiérame qué puedo hacer para ejecutar el código en modo desarrollo y producción. <html> <head>Webpack</head> <body> <h1>¡Hola……………….!</h1> <h1>¡Increíble!</h1> <img . . . Read more
Estoy siguiendo este enlace para agregar imágenes a mi paquete: https://webpack.js.org/guides/asset-management/ Tengo la siguiente estructura de archivos en mi carpeta raíz: index.html index.js carpeta de imágenes (con archivos SVG) Este es mi webpack.config.js // Generado usando webpack-cli https://github.com/webpack/webpack-cli const path = require(‘path’); const isProduction = process.env.NODE_ENV === ‘production’; const HtmlWebpackPlugin . . . Read more