直接的なお答えでなく、恐縮なのですがgulpを利用していたときは、下記ソースを利用していました。
書き方のヒントにはなるかと思うので共有いたします。
*設定はいろんなサイトを見ながら作ったので詳細な説明ができるほどではありません。
*現在のバージョンで利用できるかわかりません。
const gulp = require('gulp');
const browserSync = require('browser-sync').create();
const plumber = require('gulp-plumber'); //エラー回避
const watch = require('gulp-watch');
//sass用
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const cssmin = require('gulp-cssmin'); //cssファイル圧縮
const cssnano = require('gulp-cssnano'); //cssファイル圧縮
//JS用
const concat = require('gulp-concat'); //ファイル結合
const uglify = require('gulp-uglify'); //jsファイル圧縮
//php用
const connect = require('gulp-connect-php');
//ファイル削除用
const del = require('del');
const vinylpaths = require('vinyl-paths');
//エラー表示用
const notify = require('gulp-notify');
//sassのコンパイル
gulp.task('css', done => {
gulp.src(["./style/scss/*.scss", "./style/scss/*.css", "./style/*.scss"])
.pipe(plumber({
errorHandler: notify.onError('<%= error.message %>')
}))
.pipe(concat('style.min.css'))
.pipe(sass())
.pipe(autoprefixer(["last 3 versions", "ie 9", "ios 4", "android 2.3"]))
.pipe(cssnano())
.pipe(gulp.dest('./'))
//.pipe(browserSync.stream()); //ブラウザリロード(barbaの場合はreloadが必須)
done()
});
//jsのコンパイル
gulp.task('js', done => {
gulp.src(["./script/lib/*.js", "./script/*.js"])
.pipe(plumber({
errorHandler: notify.onError('<%= error.message %>')
}))
//.pipe(uglify())
.pipe(concat('script.js'))
.pipe(gulp.dest('./'))
//.pipe(browserSync.stream()); //ブラウザリロード(barbaの場合はreloadが必須)
done()
});
//デフォルトタスク
gulp.task('default', function () {
////Browserの立ち上げ
browserSync.init({
proxy: url
});
gulp.watch('style/**/*.scss', gulp.series(['css'])).on('change', browserSync.reload);
gulp.watch("style/scss/*.css", gulp.series(['css'])).on('change', browserSync.reload);
gulp.watch('script/**/*.js', gulp.series(['js'])).on('change', browserSync.reload);
gulp.watch('./**/*.php').on('change', browserSync.reload);
});
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/08/20 10:26 編集