こんにちは、まろCです。 2月に2本のLTに登壇してきたのですが、どちらもwebpackを題材にして喋ってきました。 今回は、そのときのスライドを共有したいと思います。また、すぐに使えるインストール方法もあわせて解説したいと思います。 webpackとは http://webpack.github.io/ webpackとは、一言でいうと依存性を解決するツールです。 HTML上に、何本もscriptタグでJavaScriptを読み込んでいたものを、1本のJSにしてパックします。 エントリーポイントと呼ばれるJSにrequireと書いて、他のJSを読み込むことで、ビルド時にそれを探して1つのJSファイルの中に書き出してくれます。 自作のモジュールを、パスから引っ張ってきたりbowerから引っ張ってきたりできるのはもちろん、node_modulesからも使えるものは使えたりと何でもありなツール
![webpackを使った開発の効率化方法やloaderの種類をTLで話してきました【スライド付き】 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a5dc1947d6bc371a0c3436be47a134bbe1495ed/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2015%2F02%2F6351.png)