メタ言語の続きです。前回はimageminを使ってメタ言語コンパイル環境で画像圧縮も実行しました。今回はgulpfile.jsの中のgulp.task()をgulp4で推奨されている関数の形に変更します。その他にもいくつかリファクタリングしました。それではいきましょう! 【目次】 前回のおさらい package.jsonのnpm scriptに追記 TypeScriptのJSONファイルのインポート部分を修正 ファイルのパスを変数化 gulp.task()を関数化 gulp.task()はgulp4では非推奨 EJSコンパイル Sass(SCSS)コンパイル webpackのバンドル リロードするhtml リロード設定 画像圧縮 関数をタスク化 監視ファイル タスク実行 動作確認 最後に ※参考:前回記事 【gulp-imagemin】メタ言語コンパイル環境で画像圧縮も実行する - クモの
![【gulpfile.js】gulp.task()を関数化(←gulp4推奨)他、リファクタリング - クモのようにコツコツと](https://cdn-ak-scissors.b.st-hatena.com/image/square/2fcd6e4c2a744b45613422bd12228b608f17a2a7/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fidr_zz%2F20201122%2F20201122161636.jpg)