Question Cartes Gulp + source (plusieurs fichiers de sortie)


Je viens de commencer à jouer avec gorgée, et il est très rapide et facile à utiliser, mais il semble avoir une faille critique: que faites-vous lorsqu'une tâche doit produire plus d'un type de fichier?

Par exemple, gulp-less dit qu'il ne supporte même pas le sourceMapFilename option. Je ne veux pas que ma carte source soit incorporée dans mon fichier CSS. Suis-je en cercle? Dois-je simplement revenir à l'utilisation de Grunt ou existe-t-il un moyen d'y remédier?


11
2018-02-13 06:09


origine


Réponses:


Cette tâche prendra plusieurs fichiers, leur fournira des informations et les affichera avec les cartes sources.

Il inclura le code source dans les fichiers de cartes par défaut, vous n'avez donc pas à distribuer les fichiers de code source. Cela peut être désactivé en définissant le includeContent option à false. Voir le Page de NMP de gulp-sourcemaps pour plus d'options de carte source.

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"

le src annuaire:

first.scss
second.scss

le result répertoire après avoir exécuté le test-multiple tâche:

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

10
2017-07-17 23:14



dans le docs il vous montre comment avoir plusieurs fichiers de sortie:

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

0
2018-03-04 09:57



Gulp prend en charge plusieurs fichiers de sortie. Veuillez lire les documents.

Exemple:

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

Cela lira un tas de fichiers JS, les minifiera et les affichera dans le dossier dist.

En ce qui concerne le problème sans goulp. Vous pouvez commenter le pertinent billet.


-1
2018-02-13 10:26