GulpにおけるCSSプリプロセッサー

それでは、LESSをCSSに変換する方法を学びましょう。 これはプラグイン gulp-lessを使用して行われます。

まず、このプラグインをプロジェクトにインストールする必要があります：

terminalnpm install gulp-less --save-dev

その後、インストールしたプラグインをインポートします：

javascriptlet {src, dest} = require('gulp');
let less = require('gulp-less');

ファイルグループに対してプラグインを使用します：

javascriptfunction task(cb) {
  return src('src/*.less')
    .pipe(less())
    .pipe(dest('dist'));
}