Gulp - Complementos útiles

Gulp proporciona algunos complementos útiles para trabajar con HTML y CSS, JavaScript, gráficos y algunas otras cosas, como se describe en las siguientes tablas.

Complementos HTML y CSS

No Señor.	Complemento y descripción
1	autoprefixer Incluye automáticamente prefijos a las propiedades CSS.
2	gulp-browser-sync Se utiliza para ver todos los archivos HTML y CSS en el directorio CSS y realiza la recarga en vivo de la página en todos los navegadores, siempre que se modifican los archivos
3	gulp-useref Se utiliza para reemplazar referencias a scripts u hojas de estilo no optimizados.
4	gulp-email-design Crea plantillas de correo electrónico HTML que convierten los estilos CSS a inline.
5	gulp-uncss Optimiza los archivos CSS y encuentra estilos duplicados y no utilizados.
6	gulp-csso Es un optimizador de CSS que minimiza los archivos CSS, lo que resulta en un tamaño de archivo más pequeño.
7	gulp-htmlmin Minimiza los archivos HTML.
8	gulp-csscomb Se utiliza para crear un formateador de estilo para CSS.
9	gulp-csslint Especifica un linter CSS.
10	gulp-htmlhint Especifica un validador de HTML.

Complementos de JavaScript

No Señor.	Complemento y descripción
1	gulp-autopolyfiller Es lo mismo que el autoprefixer que incluye los polyfills necesarios para JavaScript.
2	gulp-jsfmt Se utiliza para buscar fragmentos de código específicos.
3	gulp-jscs Se utiliza para comprobar el estilo del código JavaScript.
4	gulp-modernizr Especifica qué características HTML, CSS y JavaScript tiene para ofrecer el navegador del usuario.
5	gulp-express Inicia el servidor web gulp express.js.
6	gulp-requirejs Utiliza require.js para combinar los módulos de AMD require.js en un archivo.
7	gulp-plato Genera informes de análisis de complejidad.
8	gulp-complexity Analiza la complejidad y la capacidad de mantenimiento del código.
9	fixmyjs Corrige los resultados de JSHint.
10	gulp-jscpd Se utiliza como detector de copiar / pegar para el código fuente.
11	gulp-jsonlint Es un validador JSON.
12	gulp-uglify Minifica los archivos JavaScript.
13	gulp-concat Concatena los archivos CSS.

Complementos de pruebas unitarias

No Señor.	Complemento y descripción
1	gulp-nodeunit Ejecuta pruebas unitarias de nodos de Gulp.
2	gulp-jasmine Se utiliza para informar los problemas relacionados con la salida.
3	gulp-qunit Proporciona una salida de consola básica para las pruebas QUnit y utiliza el módulo de nodo PhantomJS y el complemento QUnit del corredor PhantomJS.
4	gulp-mocha Especifica la envoltura delgada alrededor de Mocha y ejecuta las pruebas de Mocha.
5	gulp-karma Ha quedado obsoleto en Gulp.

Complementos de gráficos

No Señor.	Complemento y descripción
1	gulpicon Genera sprites a partir de SVG y los convierte a PNG.
2	gulp-iconfont Se utiliza con fuentes web para crear archivos WOFF, EOT, TTF a partir de SVG.
3	gulp-imacss Transforma archivos de imagen en URI de datos y los coloca en un solo archivo CSS.
4	gulp-responsive Genera imágenes receptivas para diferentes dispositivos.
5	gulp-sharp Se utiliza para cambiar y redimensionar la orientación y el fondo de la imagen.
6	gulp-svgstore Combina archivos SVG en uno con elementos <symbol>.
7	gulp-imagemin & gulp-tinypng Se utiliza para comprimir imágenes como PNG, JPEG, GIF, SVG.
8	gulp-spritesmith Se utiliza para crear una hoja de sprites a partir de un conjunto de imágenes y variables CSS.

Complementos de compiladores

No Señor.	Complemento y descripción
1	gulp-less Proporciona un complemento MENOS para Gulp.
2	gulp-sass Proporciona el complemento SASS para Gulp.
3	gulp-compass Proporciona un complemento de brújula para Gulp.
4	gulp-stylus Se utiliza para mantener el lápiz óptico en CSS.
5	gulp-coffee Proporciona el complemento coffeescript para Gulp.
6	gulp-handlebars Proporciona un complemento de manillar para Gulp.
7	gulp-jst Proporciona plantillas de subrayado en JST.
8	gulp-react Especifica las plantillas de Facebook React JSX en JavaScript.
9	gulp-nunjucks Especifica plantillas Nunjucks en JST.
10	gulp-dustjs Especifica plantillas de polvo en JST.
11	gulp-angular-templatecache Especifica las plantillas AngularJS en templateCache.

Otros complementos

El complemento gulp-clean elimina archivos y carpetas y el complemento gulp-copy copia los archivos del origen al nuevo destino.

No Señor.	Complemento y descripción
1	gulp-grunt Ejecuta las tareas de Grunt de Gulp
2	gulp-watch Observa los archivos siempre que se realizan cambios.
3	gulp-notify Notifica el mensaje de error cada vez que falla una tarea.
4	gulp-git Permite usar comandos de Git.
5	gulp-jsdoc Crea documentación JavaScript para Gulp.
6	gulp-rev Proporciona revisión de activos estáticos a los nombres de los archivos.
7	gulp-bump Aumenta las versiones en paquete JSON.
8	gulp-bower-files Se utiliza para inyectar paquetes Bower.
9	gulp-removelogs Elimina las declaraciones de console.log.
10	gulp-preprocess Preprocesa HTML, JavaScript y otros archivos en función del contexto o la configuración del entorno.
11	gulp-duration Especifica la duración de las tareas de Gulp.
12	gulp-changed & gulp-newer Ejecuta los archivos modificados y los archivos más recientes.
13	gulp-connect Se utiliza para ejecutar un servidor web con LiveReload.
14	gulp-shell Ejecuta comandos de Shell.
15	gulp-ssh Se conecta mediante tareas SSH y SFTP.
dieciséis	gulp-zip Comprime los archivos y carpetas.
17	gulp-clean y gulp-copy
18	gulp-filesize Especifica el tamaño del archivo en formato legible por humanos.
19	gulp-util Proporciona utilidades para complementos de gulp.

↰ Previous page Next page ↱