如何在離子2 rc0中使用fontawesome？

如何在ionic 2 rc0中使用fontawesome因爲沒有gulp/grunt文件，所以我可以將文件添加到構建過程中？如何在離子2 rc0中使用fontawesome？

2016-10-01 Sanjay Sahani

只需添加字體真棒的CDN CSS鏈接到您的index.html

或者你可以使用@import青菜，將其添加到您的項目

@import 'lib/fa.css'

來源

2016-10-02 07:22:33 misha130

我不t想添加額外的'css/js'文件。我想將它包含到構建過程中，它會自動將它合併到'main.css'文件中 –

還有很多混亂的上當將FontAwesome添加到ionic2應用程序時，最佳做法是什麼，所以我寫了一篇關於它的文章以減輕一些混淆。我希望這可以幫助其他人尋找正確答案 http://luiscabrera.site/tech/2017/01/09/fontawesome-in-ionic2.html

來源

2017-01-11 15:12:48

好貼！它在這裏很完美！ :) – bbcbreno

這是我在搜索同一主題時遇到的一篇文章。

https://chriztalk.com/ionic-2-font-awesome-using-sass/

這裏有一個要點：

創建一個新的config目錄的離子2項目的根：
```
$ mkdir config 
```
找到copy.config.js和sass.config.js文件進入這個文件夾：/node_modules/@ionic/app-scripts/config/一個d將它們複製到您剛剛創建的文件夾中。

這些行添加到您剛剛創建的新copy.config.js在config目錄。

... 
copyFontAwesomeCSS: { 
    src: '{{ROOT}}/node_modules/font-awesome/css/font-awesome.min.css', 
    dest: '{{WWW}}/assets/css/' 
}, 
copyFontAwesome: { 
    src: '{{ROOT}}/node_modules/font-awesome/fonts/**/*', 
    dest: '{{WWW}}/fonts/' 
}, 
...

這些行添加到sass.config.js文件的includePaths[]塊剛創建的config目錄：

... 
includePaths: [ 
    ... 
    'node_modules/font-awesome/scss', 
    ... 
], 
...

添加配置塊在package.json文件具有以下參考文獻：

... 
"config": { 
    "ionic_copy": "./config/copy.config.js", 
    "ionic_sass": "./config/sass.config.js" 
}, 
....

導入字體真棒你app.scss文件：
```
... 
@import 'font-awesome'; 
... 
```

最後，使用字體真棒，就像您在任何HTML文件：

<h1><i class="fa fa-flag" aria-hidden="true"></i>&nbsp; Font Awesome</h1>

來源

2017-03-25 16:22:25

我不特別喜歡這種方法，就好像核心複製腳本（/ node_modules/@ ionic/app-scripts/config /）發生更改，您將不會在腳本中獲得這些更改。我更願意修復FA的版本並將其從NodeModule手動複製到Assets文件夾中，並在需要時手動升級 – Rodney

如何在離子2 rc0中使用fontawesome？

回答

相關問題