Gulp + Quellkarten (mehrere Ausgabedateien)

Question

Ich habe gerade angefangen mit gulp zu spielen, und es ist sehr schnell und einfach zu bedienen, aber es scheint einen kritischen Fehler zu haben: Was machst du, wenn eine Aufgabe mehr als einen Typ ausgeben muss der Datei?

Zum Beispiel, gulp-less sagt, es unterstützt nicht einmal die sourceMapFilename Option. Ich möchte nicht, dass meine Quellkarte in meine CSS-Datei eingebettet wird. Bin ich eingesperrt? Soll ich einfach wieder mit Grunt arbeiten, oder gibt es einen Weg damit umzugehen?

Answer 1

Diese Aufgabe mehrere Dateien nehmen, tun Sachen zu ihnen und geben sie zusammen mit Quellen Karten.

Es enthält standardmäßig den Quellcode in den Zuordnungsdateien, so dass Sie die Quellcodedateien auch nicht verteilen müssen. Dies kann durch Setzen der Option includeContent auf false deaktiviert werden. Weitere Quellkartenoptionen finden Sie unter gulp-sourcemaps NPM page.

gulpfile.js:

var gulp = require("gulp"); 
var plugins = require("gulp-load-plugins")(); 

gulp.task("test-multiple", function() { 
    return gulp.src("src/*.scss") 
      .pipe(plugins.sourcemaps.init()) 
      .pipe(plugins.sass()) 
      .pipe(plugins.autoprefixer()) 
      .pipe(plugins.sourcemaps.write("./")) 
      .pipe(gulp.dest("result")); 
}); 

package.json

"gulp": "~3.8.6", 
"gulp-load-plugins": "~0.5.3", 
"gulp-sass": "~0.7.2", 
"gulp-autoprefixer": "~0.0.8", 
"gulp-sourcemaps": "~1.1.0" 

Das src Verzeichnis:

first.scss 
second.scss 

Das result Verzeichnis nach der test-multiple Aufgabe ausgeführt wird:

first.css 
first.css.map // includes first.scss 
second.css 
second.css.map // includes second.scss 

Answer 2

Gulp unterstützt mehrere Ausgabedateien in Ordnung. Bitte lesen Sie die Dokumentation.

Beispiel:

gulp.task('scripts', function() { 
    return gulp.src('app/*js') 
    .pipe(uglify()) 
    .pipe(gulp.dest('dist')); 
}); 

Dies in einem Bündel von JS-Dateien lesen, minify sie und gibt sie an die dist-Ordner.

Wie für den Schluck weniger Problem. Sie können die relevanten ticket kommentieren.

Answer 3

Im docs es zeigt Ihnen, wie mehrere Ausgabedateien haben:

gulp.src('./client/templates/*.jade') 
    .pipe(jade()) 
    .pipe(gulp.dest('./build/templates')) 
    .pipe(minify())` 
    .pipe(gulp.dest('./build/minified_templates'));