We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
SpindleUIのコンポーネントで import { CheckBold } from '/icon' のようにアイコンのインデックスファイルを参照しており、 Tree Shakingが効かない環境で、未使用のアイコンも含め全アイコンがバンドルに含まれてしまいます。 これにより、バンドルサイズが増加し、パフォーマンスに悪影響な可能性があります。
import { CheckBold } from '/icon'
使用するアイコンのみがバンドルに含まれること。
個別インポート: アイコンをインデックスファイル経由ではなく、個別ファイル(例:import notice from '/icon/checkbold')から直接インポート。
バンドルサイズ削減とパフォーマンス改善
import { CheckBold } from '../Icon'; のような実装全て
import { CheckBold } from '../Icon';
The text was updated successfully, but these errors were encountered:
https://ast-grep.github.io/advanced/find-n-patch.html#intriguing-example ast-grepを使って一括置換すると良さそう
Sorry, something went wrong.
kc7891
Successfully merging a pull request may close this issue.
概要
SpindleUIのコンポーネントで
import { CheckBold } from '/icon'
のようにアイコンのインデックスファイルを参照しており、Tree Shakingが効かない環境で、未使用のアイコンも含め全アイコンがバンドルに含まれてしまいます。
これにより、バンドルサイズが増加し、パフォーマンスに悪影響な可能性があります。
期待する動作
使用するアイコンのみがバンドルに含まれること。
解決策の提案
個別インポート: アイコンをインデックスファイル経由ではなく、個別ファイル(例:import notice from '/icon/checkbold')から直接インポート。
メリット
バンドルサイズ削減とパフォーマンス改善
対応箇所
import { CheckBold } from '../Icon';
のような実装全てThe text was updated successfully, but these errors were encountered: