gruntjs - español - webpack-- w

Task Runners(Gulp, Grunt, etc.) y Bundlers(Webpack, Browserify). ¿Por qué usar juntos?

Question

Soy un poco nuevo en el mundo de los corredores de tareas y del bundler y, mientras estoy pasando por cosas como

Grunt, Gulp, Webpack, Browserify

, No sentí que haya mucha diferencia entre ellos. En otras palabras, creo que Webpack puede hacer todo lo que hace un corredor de tareas. Pero aún así obtuve un gran ejemplo en el que gulp y webpack se usan juntos. No pude entender la razón por la cual.

Siendo nuevo en esto, podría estar tomando las cosas en la dirección equivocada. Sería genial si pudieras señalar lo que me estoy perdiendo. Cualquier enlace útil es bienvenido.

Gracias por adelantado.

Answer 1

Grunt y Gulp son en realidad corredores de tareas, y tienen diferencias como tareas controladas por la configuración frente a transformaciones basadas en secuencias. Cada uno tiene sus propias fortalezas y debilidades, pero al final del día, más o menos te ayudan a crear tareas que se pueden ejecutar para resolver un problema de construcción más grande. La mayoría de las veces, no tienen nada que ver con el tiempo de ejecución real de la aplicación, sino que transforman o colocan archivos, configuraciones y otras cosas para que el tiempo de ejecución funcione como se espera. A veces, incluso generan servidores u otros procesos que necesita para ejecutar su aplicación.

Webpack y Browserify son paquetes de paquetes. Básicamente, están diseñados para ejecutar todas las dependencias de un paquete y concatenar su fuente en un archivo que (idealmente) puede usarse en un navegador. Son importantes para el desarrollo web moderno, porque utilizamos tantas bibliotecas que están diseñadas para ejecutarse con Node.js y el compilador v8 . Una vez más, hay pros y contras y diferentes razones por las que algunos desarrolladores prefieren uno u otro (¡o a veces ambos!). Por lo general, los paquetes de salida de estas soluciones contienen algún tipo de mecanismo de arranque para ayudarlo a llegar al archivo o módulo correcto en un paquete potencialmente enorme.

La línea borrosa entre corredores y agrupadores podría ser que los agrupadores también pueden realizar transformaciones complejas o trans-pilations durante su tiempo de ejecución, por lo que pueden hacer varias cosas que los corredores de tareas pueden hacer. De hecho, entre browserify y webpack probablemente haya alrededor de cien transformers que puede usar para modificar su código fuente. A modo de comparación, hay al menos 2000 plugins gulp listados en npm este momento. Entonces puede ver que hay definiciones claras (con suerte ...;)) de lo que funciona mejor para su aplicación.

Dicho esto, es posible que vea un proyecto complejo que en realidad usa tanto corredores de tareas como paquetes de paquetes al mismo tiempo o en conjunto. Por ejemplo, en mi oficina, usamos gulp para comenzar nuestro proyecto, y el paquete web en realidad se ejecuta desde una tarea de gulp específica que crea los paquetes fuente que necesitamos para ejecutar nuestra aplicación en el navegador. Y debido a que nuestra aplicación es isomorphic , también agrupamos parte del código del servidor .

En mi humilde opinión, es posible que desee familiarizarse con todas estas tecnologías porque es probable que las vea (use) en el transcurso de su carrera.