主に社内用。 gulpを使ってavif と webp を生成します。
.
├── .editorconfig
├── .gitignore
├── README.md
├── images
├── gulpfile.js
├── package-lock.json
└── package.json
.editorconfigEditorConfigの設定ファイル.gitignoregitの除外ファイルREADME.md説明などを記載imagesこの中に該当する画像を格納するgulpfile.jsgulpの設定ファイルpackage.jsonパッケージが記載されたファイル
※ 開発は、package.jsonが配置してあるルートディレクトリにて行います。
その他のディレクトリだと、gulpが動作しないので注意してください。
npm install
package.jsonで設定されている各パッケージをローカルにインストールします。
node_modulesが作成されます。
npx gulp generate
処理を実行します。
npx gulp watch
imagesフォルダを監視。
追加されたら自動で処理が走ります。