Gulpにおける操作の流れ

それでは、ファイルに対して複数の操作を実行する方法を学びましょう。例えば、まずLESSをCSSに変換し、その後、生成されたCSSを最小化します。

まずは、必要なものをすべてインポートしましょう：

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

次に、説明した操作を実行します：

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

Задание 1

プラグインgulp-stylusを使用してStylusファイルをCSSに変換し、その後、プラグインgulp-autoprefixerを使用してプロパティにプレフィックスを追加し、その後、プラグインgulp-cssoを使用して生成されたCSSを最小化してください。