どうも!きよです!
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
をするだけです!
30分かかってたのが3分になりましたよ!
先人ありがたし。
ツイッターやってますのでフォローしてもらえると嬉しいです!
それでは!
以上、よろしくお願いいたします。