どうも！きよです！
Laravelで開発をするとき、フロントはWebpackを使ってコンパイルしますよね。
SPAサイトを開発していたときに、
なぜかapp.scssが激重くんになってしまったことがありまして、
npm run watch-poll
で監視しながらコンパイルしていたのですが、
ファイルを保存するたびに、30分くらいかかっていたんですよー。。
これでは時間が無駄すぎるということで調べたら、
速くするプラグインがあるみたいだったので今回ご紹介します！
|
1 2 |
□参考 https://qiita.com/kmdsbng/items/d23f9b5f5fbc8869baad |
スポンサーリンク
HardSourcePlugin を導入
下記を実行してインストールします。
|
1 |
npm install --save hard-source-webpack-plugin |
Docker環境かつWindowsの場合は下記。
|
1 |
npm install --no-bin-links --save hard-source-webpack-plugin |
これでpackage.jsonとnode_modulesに保存されます！
インストールできましたら、
|
1 |
node_modules\laravel-mix\src\builder\webpack-plugins.js |
webpack-plugins.jsに（上記のファイル）下記を記載します。
|
1 2 3 4 |
let HardSourceWebpackPlugin = require('../../../hard-source-webpack-plugin'); // webpackを早くするやつ plugins.push(new HardSourceWebpackPlugin()); |
これであとはいつも通り、npm run dev や npm run watch-poll
をするだけです！
３０分かかってたのが３分になりましたよ！
先人ありがたし。
ツイッターやってますのでフォローしてもらえると嬉しいです！
それでは！
以上、よろしくお願いいたします。