FontAwesome-糸/npmに取り付ける

3115 ワード
fontawesome テキストリンク
以前はFontAwesomeを使用していましたが、直接ダウンロードできます.
私はよくそれをプロジェクトに応用します.
しかし、この方法は面倒で、私の嫌いな仕事の一つです.
reactにはreact iconsというライブラリが含まれており、これを糸として取り付けます.
対応するアイコンを使えば良いのですが、HTMLは使えます
もしそうなら、あなたは本当に馬鹿のように、一日に一度ダウンロードしたり、cdnと呼んだりします.
来ました.
しかしFontAwesomeは糸として使用できるため、
だいぶ減った
一つずつ方法を見てみましょう.
(ちなみに公式文書にもこのような方法があります)
1.ライブラリのインストール
1-1. yarn
yarn add @fortawesome/fontawesome-free
1-2. npm
npm install --save @fortawesome/fontawesome-free
(ちなみにnpmではpackage.jsonに依存するには--saveオプションを追加する必要があります
登録します.
=>最近npmは加入する必要がないと言われています--saveオプション、主に糸を使う
よくわかりません.わかる方コメントで教えてください
自分のプロジェクトに端末ロジャーコマンドを入力すると、
node module/package.json, yarn.lockがインストールされている可能性があります.
2.プロジェクトに適用
自分のhtmlプロジェクトにfontawesomeを入れ、node moduleのfontawesomeを入れる必要があります.
必ず見つけなければなりません.おそらく1つしか取り付けられていないので、すぐに見つかります.
次のコードをコピーして直接入れることができます.
今ヘッドラベルにscriptを入れましょうか?
<head>
  (...)
  <script src="node_modules/@fortawesome/fontawesome-free/js/all.js"></script>
</head>
そしてFontAwesomeのcssを歌うやり方は同じです.
<head>
  (...)
  <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.css">
</head>
これですべての準備ができました.
3.終了
そのままFontAwesomeを糸/npmにセット
思ったより簡単かな?
本書で残りのアイコンをiタグ形式で検索して配置すればいいです.
ブログの運営過程で、いくつかの間違いがあるかもしれません.
間違った内容があればいつでもメッセージをお願いいたします
Goで並行性を実装する方法
Gradle依存ローカルaarパッケージ