Add: npmパッケージをできる範囲でアップデートする

[manabuyasuda]

[manabuyasuda]

「gulp-imagemin」は8.0.0からESModulesに変更されている。 すべてのパッケージをrequireからimportに変更する必要があるため、7.1.0に指定して回避する。

https://crieit.net/posts/gulp-imagemin-become-pure-esm-package-20210817

[manabuyasuda]

「gulp-sass」のv5から明示的にデフォルトコンパイラを指定する必要がある。

gulp-sass 5 does not have a default Sass compiler; please set one yourself.
Both the `sass` and `node-sass` packages are permitted.
For example, in your gulpfile:

  var sass = require('gulp-sass')(require('sass'));

npm i -D sassで「sass」をインストール。

const sass = require('gulp-sass');

から

const sass = require('gulp-sass')(require('sass'));

に変更した。

[manabuyasuda]

sass-mqも警告が出てしまうが、npm i sass-mq@nextでいったん解消できる。 https://github.com/sass-mq/sass-mq/issues/142

[manabuyasuda]

gulp-notify: [Error running Gulp] Error: [object Object] is not a PostCSS plugin

npm i --save-dev postcssで直った。 https://qiita.com/oreo3@github/items/4fcce64ee116045c114d