概要 ・Laravel Mixとは、フロントエンドのアセットをコンパイル、バンドルしてくれるツール ・ツールの中身はwebpackを利用している ・webpack設定ファイルをより分かりやすく簡単に書けるように設定ファイルをラップしている ・lessやsass、babelなどよく使われるローダーが最初から用意されていて、デフォルトで利用することができる ・Laravelを使っていないアプリでも、コンパイル・バインディングのツールとして利用できる ※webpackが分からない方はこちらを参照 webpackとは? 使い方 初期状態 ※npmが分からない方は、先にこちらを参照 npmとは?【フロントエンドパッケージ管理】 Laravelをインストールすると、 package.jsonとwebpack.mix.jsが用意されている。 package.jsonには Laravel Mix自体やその
![Laravel Mixとは?webpackをより便利に、簡単に。Laravel以外でも使えるよ。 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e94225141e01c38ccf73781e129d151ebf6c472f/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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9TGFyYXZlbCUyME1peCVFMyU4MSVBOCVFMyU4MSVBRiVFRiVCQyU5RndlYnBhY2slRTMlODIlOTIlRTMlODIlODglRTMlODIlOEElRTQlQkUlQkYlRTUlODglQTklRTMlODElQUIlRTMlODAlODElRTclQjAlQTElRTUlOEQlOTglRTMlODElQUIlRTMlODAlODJMYXJhdmVsJUU0JUJCJUE1JUU1JUE0JTk2JUUzJTgxJUE3JUUzJTgyJTgyJUU0JUJEJUJGJUUzJTgxJTg4JUUzJTgyJThCJUUzJTgyJTg4JUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04NDgxN2I2NzBiNzFmM2E1NDA1MTdiM2U3YjZjZjgzYw%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWluYXRvLW5ha2EmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJhYTc2ZmY0ZmUwNmZjMzViZDdjMDgyYTkwZDYyYjhi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd30529acedaf80953db3548031a3f873)