【Laravel × Webpack】Laravel Mix でコンパイルを速くする方法！俺用メモ！

どうも！きよです！

Laravelで開発をするとき、フロントはWebpackを使ってコンパイルしますよね。

SPAサイトを開発していたときに、

なぜかapp.scssが激重くんになってしまったことがありまして、

npm run watch-poll

で監視しながらコンパイルしていたのですが、

ファイルを保存するたびに、30分くらいかかっていたんですよー。。

これでは時間が無駄すぎるということで調べたら、

速くするプラグインがあるみたいだったので今回ご紹介します！

□参考
https://qiita.com/kmdsbng/items/d23f9b5f5fbc8869baad

HardSourcePlugin を導入

下記を実行してインストールします。

npm install --save hard-source-webpack-plugin

Docker環境かつWindowsの場合は下記。

npm install --no-bin-links --save hard-source-webpack-plugin

これでpackage.jsonとnode_modulesに保存されます！

インストールできましたら、

node_modules\laravel-mix\src\builder\webpack-plugins.js

webpack-plugins.jsに（上記のファイル）下記を記載します。

let HardSourceWebpackPlugin = require('../../../hard-source-webpack-plugin');

// webpackを早くするやつ
plugins.push(new HardSourceWebpackPlugin());

これであとはいつも通り、npm run dev や npm run watch-poll

をするだけです！

３０分かかってたのが３分になりましたよ！

先人ありがたし。

ツイッターやってますのでフォローしてもらえると嬉しいです！

それでは！

以上、よろしくお願いいたします。