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