Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/swumplurd/gulp-utils
Conglomerado de herramientas Gulp.
https://github.com/swumplurd/gulp-utils
gulp gulpfile gulpjs node nodejs utils
Last synced: 6 days ago
JSON representation
Conglomerado de herramientas Gulp.
- Host: GitHub
- URL: https://github.com/swumplurd/gulp-utils
- Owner: Swumplurd
- Created: 2021-04-21T23:56:25.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2021-09-24T18:24:50.000Z (over 3 years ago)
- Last Synced: 2025-02-13T17:19:01.050Z (6 days ago)
- Topics: gulp, gulpfile, gulpjs, node, nodejs, utils
- Language: JavaScript
- Homepage:
- Size: 10.7 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://gulpjs.com/plugins) para empezar a descubrir muchas mas utilidades de Gulp.
## Requerimientos
+ [NodeJS + npm](https://nodejs.org/es/)
+ [git](https://git-scm.com/)
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
2) `gulp minify` -> Minificara las imagenes contenidas en el directorio `inputs/img` y las alojara en el directorio `outputs/img-min`
3) `gulp scss` -> Compilara los archivos `.scss` contenidos en el directorio `inputs/scss` y alojara el resultado en `outputs/css`
4) `gulp xml` -> Convertira los archivos en formato `.xml` contenidos en el directorio `inputs/xml` y alojara el resultado en `outputs/json` con formato `.json
5) `gulp csv` -> Convertira los archivos en formato `.csv` contenidos en el directorio `inputs/csv` y alojara el resultado en `outputs/json` con formato `.json
6) `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:
```js
function replaceString() {
return src(path.replace)
.pipe(replace('string to be replaced', 'string to replace'))
.pipe(dest('outputs/replaced-str/'));
};
```
7) `gulp` -> Para ejecutar todas las tareas y activara el modo `watch`.
### Mas Informacion
Para mas informacion visitar:
+ [gulp](https://gulpjs.com/)
+ [gulp-sass](https://www.npmjs.com/package/gulp-sass)
+ [gulp-webp](https://www.npmjs.com/package/gulp-webp)
+ [gulp-replace](https://www.npmjs.com/package/gulp-replace)
+ [gulp-rename](https://www.npmjs.com/package/gulp-rename)
+ [gulp-xml2json](https://www.npmjs.com/package/gulp-xml2json)
+ [gulp-csv2json](https://www.npmjs.com/package/gulp-csv2json)
+ [gulp-imagemin](https://www.npmjs.com/package/gulp-imagemin)
---