ども、フロントエンドの平山です。 興味本位でBabel6の開発環境をgulpなしで構築してみましたので、ご報告します! 背景 最近は、フロント領域のウェイトが大きくなる開発が増えてきました。 それに伴いgulpなどのビルドツールを使用するケースがほとんどだと思います。 その反面、個人の制作時にはもっとライトに作りたいにも関わらず、 都度、gulpfileを作成して・・・というフローが生まれ、気軽に着手するには手間が多い環境のように感じます。 またツールの移り変わりも多く、変化への追従やgulp自体の変化など注意を払うべき変数が多い状況です。 やるぞ ということで、手軽に試せるが、新しいスタックで取り組めるように考慮して環境構築を行ってみました。 Babel6やreact、eslint、power-assertなどを使用しました。 結論 説明が長くなったので結論を先に。 GitHub: kh
![コンパクトなJSフロント開発環境を求めて ~ gulpなしでやってみる ~ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1149328aadfe2574a59bb67bb2cd4669674de72f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgyJUIzJUUzJTgzJUIzJUUzJTgzJTkxJUUzJTgyJUFGJUUzJTgzJTg4JUUzJTgxJUFBSlMlRTMlODMlOTUlRTMlODMlQUQlRTMlODMlQjMlRTMlODMlODglRTklOTYlOEIlRTclOTklQkElRTclOTIlQjAlRTUlQTIlODMlRTMlODIlOTIlRTYlQjElODIlRTMlODIlODElRTMlODElQTYlMjB-JTIwZ3VscCVFMyU4MSVBQSVFMyU4MSU5NyVFMyU4MSVBNyVFMyU4MiU4NCVFMyU4MSVBMyVFMyU4MSVBNiVFMyU4MSVCRiVFMyU4MiU4QiUyMH4mdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWZkOTg3ZDg5Y2MwNmQ3NTVmNjk2YjFlMjEyOWZhMjEz%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBraGlyYXlhbWEmdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFjMDU3M2JkYmQ2M2ExMGFiMTZkYzFiODdlMjI1M2Iz%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D2f99054c19eb556c71d687371874ec10)