¿Cuáles son las diferencias entre NPM, Bower, Grunt, Gulp, Webpack, Browserify, Slush, Yeoman y Express?

Estas herramientas son muy similares. Sin embargo, tienen sus diferencias, con la ventaja entre sí en diferentes áreas. Por ejemplo,

• Webpack es mejor si se realizara mucho trabajo repetitivo recargando los cambios realizados en JavaScript o CSS.
• Grunt es mejor si se realizara mucho trabajo repetitivo configurando tareas independientes que requieren diferentes archivos.
• Gulp es mejor si se realizara mucho trabajo repetitivo en las secuencias de Nodo e implica abrir y cerrar los mismos archivos usando cadenas de tuberías.
• Browserify es excelente para empaquetar módulos node.js para navegadores.
• Yeoman es mejor si ya tiene una configuración básica y le gustaría rehacer algo similar, puede andamiar fácilmente otra.

Este artículo cubre algunas herramientas populares de construcción y automatización de javascrupt.

• Gulp y Grunt son ambos Automated Task Runner. La principal diferencia entre Gulp y Grunt radica en cómo se ocupan de la automatización de tareas internamente.

  Gulp usa Node Streams Para ejecutar diferentes tareas y Grunt usa archivos temporales para el mismo trabajo.

• Grunt ejecuta tareas utilizando archivos temporales que son operaciones de E / S de disco. Su archivo SASS se compila y luego se escribe en un archivo temporal. El archivo temporal lo utiliza el corrector automático y luego el producto final se escribe en el archivo de destino.

  Vea algunos enlaces útiles a continuación:

• Grunt vs Gulp
• ¿Qué es Gulp and Grunt?
• ¿Qué es Bower y por qué usar Bower?
• Diferencia entre Bower y NPM

Pooria respondió de manera bastante sucinta, pero debo agregar que Webpack se usa junto con los scripts de NPM.

También he cubierto las relaciones y el estado de las herramientas de compilación Javscript para 2017. En este punto, está claro que Webpack y Gulp permanecerán en términos de herramientas de compilación.

Acabo de pasar por los cursos GULP y JS Dev Environment en Pluralsight, por lo que, como alguien que solo está obteniendo una visión ampliada de estas herramientas: Gulp, Webpack, NPM, Bower, etc., creo que dicen que Bower es ideal para marcos front-end. : los descarga fácilmente. Pero NPM es igual de bueno, extraño que tengan diferentes entornos de desarrollo, ¡pero creo que se trata solo de productos RAD!

Lo que sea que sea RÁPIDO: todas las cosas que revisé fueron impresionantes, Gulp fue genial, funciona con complementos, hace cosas como paquetes, minify, pelusas, etc. Pero creo que el paquete web es más moderno, tengo que entrar en más detalles, solo tenía una visión general rápida hasta ahora …

También creo que podría sorprenderse al saber que VS Code puede hacer esto desde sus complementos: minify, lint, etc. Así que también estaba un poco confundido para ser honesto … Me huelo en el editor, luego están las tareas o verificaciones de linter mientras compilaba usando el corredor de tareas o el script de compilación … y luego encontré minify y guardar complementos en VS Code – Así que también podría minificar y guardar la aplicación también … tal vez es un proceso de compilación, un banco de trabajo de producción o una etapa que produce más optimizaciones en los mecanismos de desarrollo …

Pero si desea saber cuál es más popular, creo que el paquete web es el más interesante.

No para hacer autopromoción, pero escribí una publicación de blog hace 2 años para aclarar algunos aspectos de su pregunta: Node, Grunt, Bower y Yeoman: un kit de herramientas para desarrolladores web modernos.

Ya estoy planeando actualizarlo, ya que no cubre algunas de las nuevas herramientas (que también mencionaste) como Webpack, Browserify …

NPM significa Node Package Manager. Básicamente, puede instalar módulos de nodo desde el terminal que podrá usar al escribir su aplicación.

Bower también es administrador de paquetes (no tengo experiencia personal con él).

Aunque no los he usado, Grunt y Gulp son corredores de tareas que se utilizan para automatizar tareas en su código (¿TDD?)

No estoy seguro en webpack, browersify, sluh o yeoman, pero imagino que podría ser para probar.

Express es un marco de back-end comúnmente utilizado con la pila MEAN, ya que es fácil de configurar y conectarse con un servidor nodejs.

Buen resumen rápido y fácil. He usado Grunt y pensé que realmente no valía la pena la curva de aprendizaje. Creo que npm es el camino a seguir. No estoy seguro, pero lo prefiero incluso para proyectos más pequeños. Gulp vs Grunt vs Webpack. Herramientas y corredores de tareas, ¿qué tecnología es mejor?