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

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

JavaScript, laravel, PHP, フレムワーク, 開発javascript, laravel