VueでAliフォントアイコンを参照する方法

この記事では、VueでAlibabaのフォントアイコンを参照する際のエラー問題の解決策を主に紹介しますので、興味のある方はぜひ一緒に学んでください

VueでAlibabaのアイコンフォントを引用したいのですが、対応するローダーがないことが原因でエラーが発生します。フォントを処理します。

解決策

1. cssファイル

import 'font-awesome/css/font-awesome.min.css'

を導入する2. webpack.configで

{
    test: /\.(eot|svg|ttf|woff|woff2)$/,
    loader: 'file-loader'
}

を設定する上記は、将来皆さんのお役に立てれば幸いです。

関連記事:

VUE リスニングウィンドウでの変更イベントの問題を解決する方法

監視ルーティングの変更を監視し、監視オブジェクトを監視する (詳細なチュートリアル)

監視監視オブジェクトと対応する値を実装する方法Vue の変更点

以上がVueでAliフォントアイコンを参照する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。