概要
- Laravel Mixが何なのかちゃんと分かっていなかったのでまとめてみる
Laravel Mix とは
- Laravelのフロントのコンパイルしてくれるツール
- scssとかjsとかをコンパイルとかファイルをまとめたりしてくれるツール
- 設定ファイルにはwebpackを用いる。webpackを用いてどのscssをコンパイルするとか、どれとどのjsファイルをまとめてコンパイルするとかを設定できる
- 設定ファイルにwebpackを使っているからjsを束ねる(a.jsとb.jsをコンパイルしつつapp.jsにして指定のディレクトリに設置)とかができる
- Laravel MixはNode.jsが入っていてnpmコマンドが実行できる環境じゃないと使えない
よく使われる例
scssのファイルをコンパイル
- アプリ名ディレクトリ/resources/assets/sass/XXX.scssをcssに置き換えてアプリ名ディレクトリ/public/cssにXXX.cssにコンパイルする。
- アプリ名ディレクトリ/resources/assets/sass/XXX.scss YYY.scss ZZZ.scssをcssに置き換えてアプリ名ディレクトリ/public/cssにapp.cssにコンパイルする。
jsのファイルをコンパイル
- アプリ名ディレクトリ/resources/assets/js/XXX.jsをjsに置き換えてアプリ名ディレクトリ/public/jsにXXX.jsにコンパイルする。
- アプリ名ディレクトリ/resources/assets/js/XXX.js YYY.js ZZZ.jsをアプリ名ディレクトリ/public/jsにapp.jsにコンパイルする。