イントロダクションIntroduction
Laravel Mix は、Laracasts を作った、Jeffrey Wayが開発したパッケージで、Laravelアプリケーションのため、一般的なCSSとJavaScriptプリプロセッサを使い、webpackビルド手順を定義する流暢なAPIを提供するものです。Laravel Mix[https://github.com/laravel-mix/laravel-mix], a package developed by Laracasts[https://laracasts.com] creator Jeffrey Way, provides a fluent API for defining webpack[https://webpack.js.org] build steps for your Laravel application using several common CSS and JavaScript pre-processors.
言い換えると、Mixを使用すると、アプリケーションのCSSファイルとJavaScriptファイルを簡単にコンパイルして圧縮できます。シンプルなメソッドチェーンにより、アセットパイプラインを流暢に定義できます。例をご覧ください。In other words, Mix makes it a cinch to compile and minify your application's CSS and JavaScript files. Through simple method chaining, you can fluently define your asset pipeline. For example:
mix.js('resources/js/app.js', 'public/js')
.postCss('resources/css/app.css', 'public/css');
Webpackとアセットのコンパイルを使い始めようとして混乱し圧倒されたことがある方は、Laravel Mixを気に入ってくれるでしょう。ただし、アプリケーションの開発に必ず使用する必要はありません。お好きなアセットパイプラインツールを使用するも、まったく使用しないのも自由です。If you've ever been confused and overwhelmed about getting started with webpack and asset compilation, you will love Laravel Mix. However, you are not required to use it while developing your application; you are free to use any asset pipeline tool you wish, or even none at all.
Note:新しいLaravelのインストールから、Laravel MixをViteへ置き換えました。Mixのドキュメントは、公式Laravel Mixのウェブサイトをご覧ください。Viteへ切り替える場合は、Vite移行ガイドを参照してください。Note
Vite has replaced Laravel Mix in new Laravel installations. For Mix documentation, please visit the official Laravel Mix[https://laravel-mix.com/] website. If you would like to switch to Vite, please see our Vite migration guide[https://github.com/laravel/vite-plugin/blob/main/UPGRADE.md#migrating-from-laravel-mix-to-vite].