GulpにおけるCSSプリプロセッサー
それでは、LESSをCSSに変換する方法を学びましょう。 これはプラグイン gulp-lessを使用して行われます。
まず、このプラグインをプロジェクトにインストールする必要があります:
npm install gulp-less --save-dev
その後、インストールしたプラグインをインポートします:
let {src, dest} = require('gulp');
let less = require('gulp-less');
ファイルグループに対してプラグインを使用します:
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(dest('dist'));
}
プラグイン gulp-sass を使用して、SASSファイルをCSSに変換してください。