Gulpの使い方

ターミナルをまず開く

カレントディレクトリーを開く
WordPressテーマの場合はテーマフォルダ

cd xxxxxxx

初期設定をする

npm init -y

Gulpとモジュールをまとめてインストールする。

npm install -D gulp gulp-sass gulp-notify gulp-plumber

gulpfile.jsというファイルを作る

// gulpプラグインの読み込み
const gulp = require("gulp");
// Sassをコンパイルするプラグインの読み込み
const sass = require("gulp-sass");
const notify = require('gulp-notify');

// style.scssをタスクを作成する
gulp.task('sass', function () {
    // style.scssファイルを取得
    return gulp.watch("scss/*.scss", function () {
        return (
            gulp.src('scss/style.scss', { sourcemaps: true })
                .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
                .pipe(gulp.dest('.', { sourcemaps: '.' }))
        );
    });
});

gulp.task('default', gulp.series(gulp.parallel('sass')));