最近インターンを始めさせていただいたのですが、その中で 今までなんとなく聞いたことあったけど理解してこなかった知識がバババッ!!と繋がってきました。 そこで、アウトプットするとともに、同じようにプログラミング初めてなんとなく理解し初めてきたけど、 もう1歩という人がなんとなく理解できるように知見を、通勤、通学中の電車や休憩時間の5分くらいでインプットできるような記事を共有していきたいと思います。 第1回はWebpack入門です! Webpackとは Webpackとは、簡潔言うと、複数のファイルを1つにまとめてくれるものです。 最も多い使用の仕方は、JavaScriptファイルをバンドルすることですが、他にもcssや画像ファイルなどもまとめることができます。 なんでファイルを1つにまとめると嬉しいの? ファイル取得時間 複数のjs,css,画像ファイルなどを1つにまとめることによって、通信
![【5分でなんとなく理解!】Webpack入門 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc6a62a01f9a5aa4b88e0a0adc8031129ccf86db/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUUzJTgwJTkwJUVGJUJDJTk1JUU1JTg4JTg2JUUzJTgxJUE3JUUzJTgxJUFBJUUzJTgyJTkzJUUzJTgxJUE4JUUzJTgxJUFBJUUzJTgxJThGJUU3JTkwJTg2JUU4JUE3JUEzJUVGJUJDJTgxJUUzJTgwJTkxV2VicGFjayVFNSU4NSVBNSVFOSU5NiU4MCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Y2EyMjhiY2ZjZjc2OGVkMzBhYzA2YzJlYjE1NzIzNzY%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwU2hhZ2FtaWkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJmMGU2ZGI5OTg1OGRlNzNiMzIxYzQyNjVmMDM4MGM0%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D3d894a8b8ce381fb7f6027db44a7a01d)