gulp4.x系でリビルドをかけたいが、変更されるまでsrcがdistへ反映されない

Question

以下のgulpfile.jsだと、gulp cleanしたあとにgulpコマンドでdistフォルダが再作成したいと考えております。

① ゴミをgulp cleanで消す
② gulpコマンドでsrcフォルダの中身全部をdistへ反映

としたいのですが、

exports.default = (done) => {
src(paths.html.src).pipe(dest(paths.html.dest))
src(paths.sass.src).pipe(sass({outputStyle: 'expanded'})).pipe(dest(paths.sass.dest))
done()
}

// こちらだとうまくいかない
exports.default = (done) => {
series(clean, parallel(updateHtml, compileSass))
done()
}

seriesやparallelを使うときの前提が間違っている気がしております。

どなたかご教示いただければと思います。
gulp4の書き方とes6の書き方がごちゃまぜになっていて、そちらのミスの場合であったらすみません。

以下、package.jsonです。

package.json

{
  "name": "tmp",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "browser-sync": "^2.26.7",
    "del": "^5.1.0",
    "gulp": "^4.0.2",
    "gulp-sass": "^4.1.0"
  }
}

gulpfile.js

const { src, dest, series, parallel } = require('gulp')
const sass = require('gulp-sass')
const del = require('del')
const paths = {
  root: 'src',
  html: {
    src: 'src/**/*.html',
    dest: 'dist'
  },
  sass: {
    src: 'src/sass/**/*.scss',
    dest: 'dist/style'
  }
}

const clean = (done) => {
  del('dist')
  done()
}

const updateHtml = (done) => {
  src(paths.html.src)
    .pipe(dest(paths.html.dest))
  done()
}

const compileSass = (done) => {
  src(paths.sass.src)
    .pipe(sass({
      outputStyle: 'expanded'
    }))
    .pipe(dest(paths.sass.dest))
  done()
}

exports.clean = clean

// gulp cleanをしたあとにこちらをやるとうまくいく
exports.default = (done) => {
  src(paths.html.src).pipe(dest(paths.html.dest))
  src(paths.sass.src).pipe(sass({outputStyle: 'expanded'})).pipe(dest(paths.sass.dest))
  done()
}

// こちらだとうまくいかない
exports.default = (done) => {
  series(clean, parallel(updateHtml, compileSass))
  done()
}

Answer 1

あなたと同じ様な環境を作って試してみました。
MacOSでもWindowsでも動いています。
（一部OS依存しているパッケージは再インストールしてますが）

exports.default = function () {
    gulp.watch(paths.sass.src, series(clean_css, compileSass));
    gulp.watch(paths.html.src, series(clean_html, updateHtml));
};

他の人が使う時

他の人、がどういう状況なのかよくわかりませんが、環境の違いを調べてみてください。

Answer 2

gulpを叩くとdistフォルダが再生成されません。
exports.default = parallel(watchFiles, browserSyncFunc)

監視状態（watch）になるのですから、
srcに変更があってから、srcがdistへ反映されるのではないですか？

Comments

[trajanme]

回答ありがとうございます。

> 監視状態（watch）になるのですから、
> srcに変更があってから、srcがdistへ反映されるのではないですか？

質問が一部よくありませんでしたが、
package.jsonとgulpfile.jsを他の人が使う時、
① yarn install
② gulp
では、エラーになる(変更がないため、distにファイルが生成されない)ことを解消したかったです。