Làm cách nào để sử dụng Gulp để thêm dòng văn bản vào một tệp

Question

Tôi đã cố gắng tìm cách thêm dòng văn bản vào bất kỳ loại tệp nào bằng cách sử dụng Gulp.

Ví dụ thêm:

@import 'plugins' 

đến file main.sass tôi.

Hoặc thêm CDN vào tệp index.html.

tôi đã làm thử:

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

không có niềm vui. Bất kỳ ý tưởng làm thế nào tôi có thể đạt được điều này xin vui lòng?

Answer 1

Phụ thuộc vào những gì bạn muốn làm.

Nếu bạn chỉ muốn thêm văn bản vào đầu hoặc cuối của một tập tin gulp-header và gulp-footer là bạn bè:

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')); 
}); 

Nếu bạn có một số loại "neo" văn bản trong tập tin của bạn, bạn có thể sử dụng gulp-replace :

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')); 
}); 

Cuối cùng, con dao quân đội Thụy Sĩ xử lý tệp vinyl: map-stream. Điều này cho phép bạn truy cập trực tiếp vào nội dung tệp và cho phép bạn thực hiện bất kỳ loại thao tác chuỗi nào mà bạn có thể nghĩ đến trong 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')); 
});