Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 86

Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 105

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

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


Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 86

Notice: Trying to access array offset on value of type bool in /var/www/html/wordpress/wp-content/plugins/internal-link-building-plugin/internal_link_building.php on line 105

必要なこと

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