laravel-mixを使用してlessファイルを扱う

2019年5月12日JavaScript, laravel, PHP, フレムワーク, 開発javascript, laravel

必要なこと

npm

vagrantやdockerの環境でnpmを実行できるようにする。

node -v 
npm -v

でバージョンを確認することができる。 laravelのプロジェクトのルートディレクトリにpackage-jsonがあるので、

npm install

を実行することで、記述されているものがインストールされる。
インストールされたものは、./node_modulesの中に入っている。 laravel-mixがインストールされる。

webpack.mix.js

実際にコンパイルしたいlessファイルを記述する

mix.less('resources/less/common/header.less', 'public/css/common');

npm の実行

通常のコンパイル

npm run dev 

ファイルの変更の際に自動でコンパイル

npm run watch-poll