Lavavel Mixの使い方
概要
Lavavel Mix の使用方法を備忘録として 投稿させて頂くことにしました。
Laravel Mix とは
Laravelを使用しなくても使用可能なwebpackのwrapperツール。
↓
以下の場合に使用すると良い。
* 開発時は、jsファイルを分割して作成したい。
→ ビルドにより、jsをまとめる事が可能。
* jsファイルを圧縮したい。
→ コマンドにより、圧縮可能。
インストール方法
割愛。
ファイル
webpack.mix.js
ビルドするファイルを設定。mix-manifest.json
ビルド時に作成されるファイル。
webpack.mix.js の書き方
mix.js('[ビルドするファイル名]' , '[出力パス]')
バージョンを指定する場合
mix.setPublicPath('public')バージョンを指定する場合
mix.version()
jsの記述方法
以下を参照
実行方法
npm run dev 開発環境用。
npm run watch npm run production