ビルド・パフォーマンス [Webpack/Webpacker]

ビルド・パフォーマンス

参考：

Build Performance | Webpack [Official]

webpack のビルド高速化の効果を測ってみた – Qiita

Cacoo の次期エディターで Webpack のビルドを6倍早くした話 Wepack ビルドパフォーマンス改善ガイド | ヌーラボ

Webpack のビルド時間を短くするための取り組み | freee Developers Blog

webpack のビルド性能を95%改善した方法 (Box の事例) | 蒼の王座・裏口

webpack build 高速化 まとめ – Qiita

Speeding Up Webpack, Typescript Incremental Builds by 7x – Ken – Medium

Build Analysis | SurviveJS

Speeding up webpack – Onfido Tech – Medium

Keep webpack Fast: A Field Guide for Better Build Performance | Several People Are Coding

build performance · webpack/docs Wiki – GitHub

webpack is compile time is very slow – Stack Overflow

Compiling on staging/production takes too long/is too slow · Issue #1003 · rails/webpacker – GitHub

watch/cache

参考：

webpack で差分ビルドをする – Qiita

HardSourceWebpackPlugin

参考：

mzgoddard/hard-source-webpack-plugin – GitHub

webpack のビルドを10倍高速化するプラグインの紹介 – Qiita

hard-source-webpack-plugin を使ってみた – Qiita

bundle exec webpack is so slow · Issue #1160 · rails/webpacker – GitHub

HappyPack

参考：

amireh/happypack: Happiness in the form of faster webpack build times – GitHub

Tree Shaking

参考：

Tree Shaking | Webpack [Official]

Utilize webpack’s tree shaking in your Vue application – Joan Xie – Medium

babel-minify-webpack-plugin

参考：

webpack-contrib/babel-minify-webpack-plugin: Babel Minify Webpack Plugin – GitHub

Webpack including unused exports in final bundle (not tree shaking) – Stack Overflow

unused-files-webpack-plugin

参考：

tomchentw/unused-files-webpack-plugin: Glob all files that are not compiled by webpack under webpack’s context – GitHub

How to find unused files in a Webpack project? – Stack Overflow

コンパイルが遅い問題の対処法

参考：

rails5.1 のプリコンパイルが終わらない (webpack がらみ)｜teratail

Guide to precompile assets in local environment before deploying to Heroku · Issue #1319 · rails/webpacker

Slow Compile Times on Heroku · Issue #1347 · rails/webpacker – GitHub

How to run node with flag --max_old_space_size · Issue #1189 · rails/webpacker – GitHub

Asset compile hangs on [Webpacker] Compiling assets · Issue #1217 · rails/webpacker – GitHub

DLL バンドル

参考：

DllPlugin | Webpack [Official]

autodll-webpack-plugin を使って簡単 DLL で超速ビルドをする – Qiita

webpack の DLL バンドルを使ってビルドを速くする – Qiita

Asset compile hangs on [Webpacker] Compiling assets · Issue #1217 · rails/webpacker – GitHub

Webpack DLL Plugin · Issue #702 · rails/webpacker – GitHub

PrefetchPlugin

参考：

PrefetchPlugin | Webpack [Official]

How to optimize webpack’s build time using prefetchPlugin & analyse tool? – Stack Overflow

プラグイン

参考：

Webpack is very very slow even with cache plugins · Issue #7684 · webpack/webpack – GitHub

large webpack build almost hangs at 91% on an “additional asset processing” step · Issue #4558 · webpack/webpack – GitHub

Too long build · Issue #4550 · webpack/webpack – GitHub

max_old_space_size

export NODE_OPTIONS="--max-old-space-size=2048"

参考：

Webpacker のプロダクション環境での assets:precompile でこける – みかづきメモ

Rails5.1 の bin/webpacker-dev-server で JavaScript heap out of memory が起きた時の対処方 – Qiita

webpack の build で out of memory が出たら NODE_OPTIONS で使用メモリサイズを指定すれば OK | 趣味グラマの覚え書き

rails5.1 のプリコンパイルが終わらない (webpack がらみ)｜teratail

webpack-dev-server and JavaScript heap out of memory · Issue #1433 · webpack/webpack-dev-server – GitHub

How to run node with flag --max_old_space_size · Issue #1189 · rails/webpacker – GitHub

increase-memory-limit

参考：

endel/increase-memory-limit: Increase memory limit for local node binaries (“max-old-space-size”) – GitHub

increase-memory-limit – npm

tsconfig.json

参考：

トランスパイルに時間がかかってたので tsconfig.json を直した – まさたか日記

Rails/Docker/Vagrant

参考：

開発環境のレスポンスを60秒から1.5秒に高速化した3つのポイント – てくすた