使用 vue-fontawesome 导入常规图标和实体图标

Question

I'm trying to import both solid and regular icons

import { 
    faFile
} from '@fortawesome/free-solid-svg-icons'

import {
    faFile
} from '@fortawesome/free-regular-svg-icons'

But faFile cannot be defined again, what should I do?

Answer 1

You can rename the import :

import { 
  faFile as faFileSolid
} from '@fortawesome/free-solid-svg-icons'

import {
  faFile as faFileRegular
} from '@fortawesome/free-regular-svg-icons'

demo