gulp-footerを使ってcssファイルの最後の行にコメントを入れる

gulp-footerをインストールする

下記のコマンドを入力してgulp-footerをインストールします。

npm i -D gulp-footer

gulpfile.jsに下記の記述をし、gulp-footerを利用できるようにします。

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

gulpfile.jsにタスクを記述する

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

//パス
var paths = {
  'scss': 'scss/',
  'css': 'css/'
}

//scssをコンパイル
gulp.task('scss', function() {
  return gulp.src(paths.scss + '**/*.scss')
  .pipe(footer('\n/* EOF */')) //gulp-footerの記述。
  .pipe(gulp.dest(paths.css))
});

上記コードはscssをコンパイルしてpaths.cssのフォルダにcssを出力しているのですが、destする手前にgulp-footerを記述します。

gulpを実行すると、「.pipe(footer('\n/* EOF */'))」からcssファイルの最後の行が一行改行され、「/* EOF */」のコメントが挿入されます。