lecture

webpack4の導入方法(3)画像のバンドル

そもそもwebpackはモジュール化するものであり、それはJavaScriptで活用するものです。 けれども、ローダーという仕組みを使用するとJavaScript以外のCSSや画像などでもバンドルすることができるようになります。 画像をバンドルするには「url-loader」をインストールする必要が  >>続きを読む

webpack4の導入方法(2)スタイルシートのバンドル

スタイルシートのバンドル化ってどういうこと?一見、複数のCSSファイルを1枚のCSSファイルにしてくれる仕組みのような気がしますが、それは違います。それならSASSを使えばスッキリと済むはずです。 ここで行うのはCSSファイルをJavaScript化してさらにstyle属性でCSSを書き出すものです  >>続きを読む

webpack4の導入方法(1)

webpackとは webpackとはWebアプリを構成するリソースファイルをひとまとめにしてくれるものです。 例えば、複数のJavaScriptファイルだったり、CSSファイルもそうです。あるいは画像ファイルだったりします。 これらのファイルを全部1つのJavaScriptにまとめてしまうものです  >>続きを読む