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の記述方法

以下を参照

it-note.hatenadiary.jp

実行方法

npm run dev 開発環境用。

npm run watch npm run production