javascript - online - browserify vs webpack

¿Por qué tengo que usar stream de fuente de vinilo con trago?

Question

Estoy tratando de usar gulp y browserify para transformar mis archivos .jsx en archivos .js .

var gulp = require(''gulp'');
var browserify = require(''browserify'');
var reactify = require(''reactify'');

gulp.task(''js'', function () {
  browserify(''public/javascripts/src/app.jsx'')
    .transform(reactify)
    .bundle()
    .pipe(gulp.dest(''public/javascripts/dist''))
});

`` `

Lo anterior arrojó Arguments to path.resolve must be strings . Me las arreglé para evitarlo usando vinyl-source-stream

var source = require(''vinyl-source-stream'');
...
.bundle()
.source(''app.js'')
...

¿Por qué funciona esto? Soy bastante nuevo en nodejs y trago. Después de leer el archivo README del proyecto y el código fuente, todavía estoy confundido. ¿Alguna ayuda?

Answer 1

Creo que al leer este artículo , la visión, la historia y el futuro del proyecto pueden ayudarlo a aclarar algunos conceptos.

Básicamente, puede decir que la transmisión de fuente de vinilo convierte la transmisión legible que obtiene de browserify en una transmisión de vinilo que es lo que espera obtener.

Una transmisión de vinilo es un formato de archivo virtual , y es fundamental para Gulp . Gracias a estas transmisiones de vinilo, Gulp no necesita escribir un archivo temporal entre diferentes transformaciones. Y esta es una de las principales ventajas que tiene sobre Grunt .

Answer 2

Este módulo es solo un puente que simplifica el uso de flujos de texto convencionales como este en combinación con gulp.