Font Awesome 5 を webpack と使う（SVG）

Webpack4でFont-awesomeを利用する

上記も大変参考になりました

SVGを使う

How to make Font awesome 5 work with webpack

Using Font Awesome 5 With Webpack

Font Awesome をインストールします(svg-core, brands-icons, regular-icons, solid-icons)

npm install --save-dev @fortawesome/fontawesome-svg-core @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons

エントリーポイントのjsファイルに下記を追記します

import { library, dom } from '@fortawesome/fontawesome-svg-core'
import { fas } from '@fortawesome/free-solid-svg-icons'
import { far } from '@fortawesome/free-regular-svg-icons'
import { fab } from '@fortawesome/free-brands-svg-icons'

library.add(fas, far, fab) 

dom.i2svg() 

webpack.config.jsに追記は必要ない？

rulesにtest: /\.svg/,...の設定を書いていませんが、動いています