問題タブ [tree-shaking]

非常に奇妙な名前の問題に出くわしました。webpack を使用してアプリをビルドおよびコンパイルする Ionic アプリで TypeScript ライブラリ (TypeORM) を使用しようとしています。

TypeORM にはEntity、などと呼ばれるエンティティのデコレータがAbstractEntityあります。インポートして使用すると、Entityデコレータは webpack で使用されているとマークされません。に切り替えると、AbstractEntity使用済みとしてマークされます。他のすべてのデコレータは使用済みとしてマークされます。

この Typescript クラス

に翻訳されます

しかしEntity、未使用とマークされています

しかし、変更EntityするAbstractEntityと使用済みとしてマークされます

理由についてのアイデアはありますか？

いくつかの大きなライブラリと ember アドオンに依存するアプリがあります。これらの依存関係から、関数とコンポーネントの非常に小さなサブセットを使用しているため、最終出力にすべてが含まれていることに驚きました。使わないものは全部剥ぎ取りたい。

インターネットを調べたところ、このトピックに関する有用なリソースを見つけることができませんでした。2017 年の Ember アプリのデッド コードの除去またはツリー シェイクの推奨設定は何ですか?

PS: ツリー シェイキングはデッド コードの除去とは少し異なりますが、目的は基本的に同じです。