More than 3 years have passed since last update.

gulpでコンパイルしたCSSの改行コードをLFからCRLFにする

Posted at 2019-12-24

#はじめに
タスクランナー(gulp)でscssをコンパイルした所、cssの改行コードがLFに切り替わってしまうという事案が発生し、色々と検索をかけてもなかなかヒットしなかったので、今後同じようなことが起こった時用の備忘録です。（備忘録しか書いていない気がする）

#インストールするnpm
##gulp-load-plugins

gulp-からはじまるnpmパッケージを簡素化してくれます。
require()ばっかりにならなくて済みますね。
https://www.npmjs.com/package/gulp-load-plugins

##gulp-line-ending-corrector
これは参考文献がなかなかに少ないのですが、改行コードを変更できるnpmパッケージという解釈です。
※いまいち良くわかってない
https://www.npmjs.com/package/gulp-line-ending-corrector

#記述方法

const plugins = require('gulp-load-plugins')();

でgulp-load-pluginsを読み込みます。

あとはgulpfile.jsのscss監視下のtask配下に

.pipe(plugins.lineEndingCorrector({
  verbose: false,
  eolc: 'CRLF'
}))