Gulpは、SassやBabel・TypeScriptのコンパイル、ローカルサーバーの構築等、面倒なweb制作のタスクを効率的に記述する人気のビルドシステムです。2018年12月にリリースされた最新のバージョン4では、簡易なタスク定義、プラグインなしの直列・並列処理など、便利な機能が追加されています。 本エントリーでは、Gulp 4の導入方法と簡単なタスク定義までを紹介します。 「絶対つまずかないGulp 4入門(2018年版) - インストールとSassを使うまでの手順 - ICS MEDIA」では環境構築方法やSassのコンパイル、watchなどについて動画付きで詳しく解説しています。こちらもあわせて参照ください。 プロジェクトの初期設定 まずは環境準備です。コマンドライン(Windowsではコマンドプロンプト、macOSではターミナル)を使う場面がありますが、コピペだけで簡単にインス
![最新ビルドシステムGulp 4入門 〜環境構築からタスク作成まで〜 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/6adea4b8370a527030beae7fce47d5dbb610e898/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU2JTlDJTgwJUU2JTk2JUIwJUUzJTgzJTkzJUUzJTgzJUFCJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJUEwR3VscCUyMDQlRTUlODUlQTUlRTklOTYlODAlMjAlRTMlODAlOUMlRTclOTIlQjAlRTUlQTIlODMlRTYlQTclOEIlRTclQUYlODklRTMlODElOEIlRTMlODIlODklRTMlODIlQkYlRTMlODIlQjklRTMlODIlQUYlRTQlQkQlOUMlRTYlODglOTAlRTMlODElQkUlRTMlODElQTclRTMlODAlOUMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWMxNGFjZDEzMmIxMzM0MzZhZTAzMzBkODk0ZTQ1YjBj%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB0b25rb3RzdWJveV9jb20mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTRkMjk0YWVmMDYwMDg3MDg3YjY5ZDU5YWIyNDc0YjRm%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dfb1915bdb0e97bcf2d6d990a4be5106e)