@mdui/icons独立パッケージ
@mdui/icons は独立したパッケージで、すべての Material Icons アイコンが含まれており、各アイコンは独立したファイルです。
必要なアイコンのみを必要に応じてインポートできるため、アイコンライブラリ全体をインポートする必要はありません。したがって、@mdui/icons を使用すると、<mdui-icon> コンポーネントを使用する場合と比較して、プロジェクトのバンドルサイズを大幅に削減できます。
インストール
このパッケージは別途インストールする必要があります:
npm install @mdui/icons --save
使用
インストール後、必要なアイコンファイルをインポートします:
import '@mdui/icons/search.js';
そして、対応するアイコンコンポーネントを使用できます:
<mdui-icon-search></mdui-icon-search>
Material Icons 検索
import '@mdui/icons/.js';<mdui-icon-></mdui-icon->このページの目次