こんにちは、@yoheiMuneです。 最近はWebpackというフロントエンドのビルドツールを使う機会が増えてきて、やっとしっくり来る感じで理解できました。今回はWebpackについて、どのプロジェクトでも使う基本的なことを纏めてみたいと思います。 目次 Webpackとは Webpackとはフロントエンドにおけるビルドツールの1つです。フロントエンドのビルドツールでは他にGulpとGruntがありますが、それらの仲間といった感じです。Webpackは主にJavaScript用のビルドツールです。CSSもJSに埋め込む事もできますが、仕事ではCSSはgulpなどで別にコンパイルすることが多いです(高速化の観点からCSSとJSは別にした方が良いことが多い)。 Webpackの要点をまとめてみると、 主にJavaScriptをビルドするために使う entryでコンパイル元を指定して、outp
![[フロントエンド] ビルドツールのWebpackに入門する - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ece80b7aae2d035628eb01cf993c6452f546d11/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F466.jpg)