React


Webpack ReactJS Gatsby
Introducción Gatsby es una plataforma para la generación de webs estáticas basada en ReactJS y alimentada por GraphQL. Llevo bastante tiempo utilizando Gatsby y más recientemente lo he empleado para reconstruir mi página personal por completo. Una de las características que más me ha llamado la atención es que los source maps correspondientes al código Javsascript transpilado se publican en los builds de producción por defecto en la V2. Es bueno ser transparentes y publicar el código fuente para compartir con la comunidad software, pero tal vez este sea un efecto indeseado (especialmente cuando desarrollemos websites comerciales). En esta publicación […]

Gatsby: Deshabilitar source maps en producción


react webpack babel sass mn 2
Introducción En este tutorial veremos como construir una aplicación React con Webpack, Babel y Sass. El principal requisito para este tutorial es disponer de una instalación para tu plataforma/sistema operativo de node con npm. El tutorial está estructurado en varias secciones: Crear un directorio con un proyecto inicial en blanco Instalar Webpack Instalar Babel React Añadir soporte para estilos con Sass Proyecto Inicial El primer paso es crear un proyecto inicial en blanco. Para ello crearemos un directorio para el proyecto y ejecutaremos el siguiente comando dentro del mismo: [crayon-5dd4e246a1655863029836/] Este comando creará un nuevo fichero package.json con los metadatos por defecto […]

React : Babel + Webpack + Sass aplicación básica