Gulpを使用してファイルにテキスト行を追加するには

Question

Gulpを使用して任意の種類のファイルにテキスト行を追加する方法を解明しようとしています。例えば

追加：

@import 'plugins' 

私main.sassファイルに。

また、index.htmlファイルにCDNを追加してください。

私がしようとしなかった：

gulp.task('inject-plugins', function(){ 
    gulp.src('src/css/main.sass') 
    .pipe(inject.after('// Add Imports', '\n@import \'plugins\'\n')); 
}); 

なし喜びで。どのように私はこれを達成することができた任意のアイデアですか？

Answer 1

あなたが何をしたいかによって異なります。あなただけのファイルの先頭や末尾にテキストを追加したい場合は

gulp-headerとgulp-footerは、あなたの友人は、次のとおりです。あなたがあなたのファイルに「アンカー」テキストのいくつかの種類を持っている場合は

var header = require('gulp-header'); 
var footer = require('gulp-footer'); 

gulp.task('add-text-to-beginning', function() { 
    return gulp.src('src/css/main.sass') 
    .pipe(header('@import \'plugins\'\n')) 
    .pipe(gulp.dest('dist')); 
}); 

gulp.task('add-text-to-end', function() { 
    return gulp.src('src/css/main.sass') 
    .pipe(footer('@import \'plugins\'')) 
    .pipe(gulp.dest('dist')); 
}); 

あなたがgulp-replaceを使用することができます：map-stream：

var replace = require('gulp-replace'); 

gulp.task('replace-text', function() { 
    var anchor = '// Add Imports'; 
    return gulp.src('src/css/main.sass') 
    .pipe(replace(anchor, anchor + '\n@import \'plugins\'\n')) 
    .pipe(gulp.dest('dist')); 
}); 

は最後にビニールファイル操作のスイスアーミーナイフがあります。これにより、ファイルの内容に直接アクセスできるようになり、JavaScriptで考えることができるあらゆる種類の文字列操作を行うことができます：

var map = require('map-stream'); 

gulp.task('change-text', function() { 
    return gulp.src('src/css/main.sass') 
    .pipe(map(function(file, cb) { 
     var fileContents = file.contents.toString(); 
     // --- do any string manipulation here --- 
     fileContents = fileContents.replace(/foo/, 'bar'); 
     fileContents = 'First line\n' + fileContents; 
     // --------------------------------------- 
     file.contents = new Buffer(fileContents); 
     cb(null, file); 
    })) 
    .pipe(gulp.dest('dist')); 
});