1つのVueコンポーネントにのみ外部CSSライブラリを含める

多くのコンポーネントを持つVueアプリがあります。現在のところ、Font-Awesomeはindex.htmlファイルの先頭に含まれていますが、実際には1ページまたはコンポーネントしか必要としません。必要なときだけロードするようにコンポーネント自体に移動することは可能ですか？私はいずれかを取得しない^^^^上記のように、私はフォント-恐ろしいをダウンロードし、コンポーネントにリンクタグを追加しようとしました1つのVueコンポーネントにのみ外部CSSライブラリを含める

MOVE THIS

<template></template> 
<link rel="stylesheet" href="../../static/css/font-awesome-4.7.0/css/font-awesome-min.css"></link> 
<script> 
    export default { 
     name: 'SingleComponent', 
     data: function() { 
      return{} 
     } 
    } 
</script> 
<style scoped> 
</style>

TO THIS

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

アイコンはまだ動作しません。

出典

2017-11-09 Linx

ページまたはコンポーネントが1つだけの場合は、<template />と<html />タグで必要なものを簡単に作成できますか？

出典

2017-11-09 18:05:16

いいえ私は多くのコンポーネントを持っていますが、Font-Awesomeを必要とするコンポーネントは1つのみです – Linx

Font-Awesomeを直接コンポーネントに含めるのではなく、vue-awesomeと呼ばれるVueラッパーが既にあることを発見しました。

出典

2017-11-13 21:59:09 Linx

1つのVueコンポーネントにのみ外部CSSライブラリを含める

答えて

関連する問題