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

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

亚连
亚连オリジナル
2018-06-06 11:23:362456ブラウズ

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。