以前の記事で、「次回はさらにフロントエンド開発に寄せて、モジュールバンドラやタスクランナーについてご紹介できたら」と予告していましたが脱線してしまいましたので、今回はビルドツールにスポットを当てたいと思います。 tech.arms-soft.co.jp ビルドツールとは 今ではフロントエンドの開発環境にはなくてはならないと言っても良いほどのツールです。 主に下記の処理を行なってくれます。 pug、EJSなどのテンプレートエンジン SASS、PostCSSなどのCSSプリプロセッサ モジュールの依存関係の解決 BabelなどのJavascriptトランスパイラ Vue、Reactなどのフレームワーク stylelint、eslintなどの構文チェッカー さらに、画像の圧縮やブラウザのオートリロードなど、様々な動作を行なってくれます。 ただ便利な反面、様々なツールが登場し続けていて、そのツール
![様々なビルドツールを渡り歩いた末にLaravel Mixを選択した理由 2020年版 作業環境を晒します〜フロントエンド開発環境編〜 - arms inc. Engineers' Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/98bc014b8267eb6f6f2925de3ba12eacf05d97cb/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmasakikojima%2F20200225%2F20200225133034.jpg)