ホームページ > ウェブフロントエンド > jsチュートリアル > VueでAliフォントアイコンを参照する方法

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

亚连
リリース: 2018-06-06 11:23:36
オリジナル
2504 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル:
vue
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート