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/c60a3d75106dc6f83ab6d3144e70aae5de4bb5b9/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU2JTlDJTgwJUU2JTk2JUIwJUUzJTgzJTkzJUUzJTgzJUFCJUUzJTgzJTg5JUUzJTgyJUI3JUUzJTgyJUI5JUUzJTgzJTg2JUUzJTgzJUEwR3VscCUyMDQlRTUlODUlQTUlRTklOTYlODAlMjAlRTMlODAlOUMlRTclOTIlQjAlRTUlQTIlODMlRTYlQTclOEIlRTclQUYlODklRTMlODElOEIlRTMlODIlODklRTMlODIlQkYlRTMlODIlQjklRTMlODIlQUYlRTQlQkQlOUMlRTYlODglOTAlRTMlODElQkUlRTMlODElQTclRTMlODAlOUMmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTNlNTJmOTlkMTgyMjY4Yzg0YTk2NTVlOTZjNGQxNWZk%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwdG9ua290c3Vib3lfY29tJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xNTZjNzQwNmRmOTMyOWVhODNlOThjODZjZjhhMGJkMQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D9d7196c758616c5a9dd4fa95269baa07)