Angular で ng build するときにシンボルの minify を抑止する

DRANK

ng build では JavaScript コードは minify されるAngular アプリケーションを ng build してリリース用ビルドを作成すると、minify された JavaScript ファイルが生成されます。つまり、オリジナルの JavaScript コードに対して、外部参照されない変数名や関数名などの各種シンボルを a とか b みたいな短い名前に変更したり、より短い形で表現できる形に式を変形したりして、コードのサイズを縮小するわけです。ファイルサイズが小さくなる、クライアントサイドでの読み込みが高速になる、という点では大変ありがたいのですが、そのように minify された JavaScript コードは、結果として、非常に解読困難なコードと化します。そのため、ちょっと困る局面もあります。リリースビルドでしか再現しないバグある日、開発環境では問題なく動作していたアプリケーションが、ステージング環境で挙動不審になるという現象に直面しました。どうやら、開発ビルドでは起きない、リリースビルド後にしか再現しないタイプのバグのようです。このような場合、当然ながらブラウザの開発ツールを使ってデバッグを試みるのですが、minify された JavaScript が相手では、解決は困難を極め…