/gulp-utils

Conglomerado de herramientas Gulp.

Primary LanguageJavaScript

gulp-utils

Gulp es una toolkit de Javascript contenido en un modulo de NodeJS. Gulp sirve para automatizar tareas repetitivas en el desarrollo de una aplicación tales como: minificar codigo, compilar codigo, conversion de imagenes, etc. En realidad sirve para muchas cosas mas, simplemente basta con echar un ojo a su biblioteca de plugings gulp-plugins para empezar a descubrir muchas mas utilidades de Gulp.

Requerimientos

Si te encuentas en Windows tambien es necesario activar el uso de scripts en PowerShell, para ello debes abrir PowerShell y escribir el siguiente comando:

Set-ExecutionPolicy Unrestricted

Una vez instalado NodeJs + npm y permitidos los scripts en PowerShell instalaremos el CLI de gulp con el siguiente comando:

npm install --global gulp-cli

Uso del repositorio

Necesitaras clonar este repositorio en una carpeta en tu PC:

git clone https://github.com/Swumplurd/gulp-utils

Dentro de la carpeta de el proyecto usa el comando:

npm install

Este comando instalara los modulos necesarios

Terminado el proceso de instalacion de dichos modulos contaremos con dos funciones para ejecutar desde el gulp CLI

  1. gulp webp -> Converita las imagenes contenidas en el directorio inputs/img y las alojara en el directorio outputs/img-webp

Nota: Los formatos soportados por gulp-webp son: .png .jpeg .tiff .webp

  1. gulp minify -> Minificara las imagenes contenidas en el directorio inputs/img y las alojara en el directorio outputs/img-min

  2. gulp scss -> Compilara los archivos .scss contenidos en el directorio inputs/scss y alojara el resultado en outputs/css

  3. gulp xml -> Convertira los archivos en formato .xml contenidos en el directorio inputs/xml y alojara el resultado en outputs/json con formato `.json

  4. gulp csv -> Convertira los archivos en formato .csv contenidos en el directorio inputs/csv y alojara el resultado en outputs/json con formato `.json

  5. gulp replacer -> Reemplaza una string contenida en uno o mas archivos de texto que deberan alojarse en inputs/replace-str con otra string definida por el usuario. Los documentos resultantes se alojaran en outputs/replaced-str. Para definir la string a remplazar debemos abrir el archivo gulpfile.js y modificar los parametros string to be replaced y string to replace que se muestran a continuacion:

    function replaceString() {
    return src(path.replace)
        .pipe(replace('string to be replaced', 'string to replace'))
        .pipe(dest('outputs/replaced-str/'));
};

  6. gulp -> Para ejecutar todas las tareas y activara el modo watch.

Mas Informacion

Para mas informacion visitar: