【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

をするだけです!

30分かかってたのが3分になりましたよ!

先人ありがたし。

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

それでは!

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

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク




%d人のブロガーが「いいね」をつけました。