Gulpにおける操作の流れ
それでは、ファイルに対して複数の操作を実行する方法を学びましょう。例えば、まずLESSをCSSに変換し、その後、生成されたCSSを最小化します。
まずは、必要なものをすべてインポートしましょう：
let {src, dest} = require('gulp');
let less = require('gulp-less');
let cleanCSS = require('gulp-clean-css');
次に、説明した操作を実行します：
function task(cb) {
return src('src/*.less')
.pipe(less())
.pipe(cleanCSS())
.pipe(dest('dist'));
}
プラグインgulp-stylusを使用してStylusファイルをCSSに変換し、その後、プラグインgulp-autoprefixerを使用してプロパティにプレフィックスを追加し、その後、プラグインgulp-cssoを使用して生成されたCSSを最小化してください。
