Webpack 网页包:如何只导入所需的字体图标?

Webpack 网页包:如何只导入所需的字体图标?,webpack,Webpack,我只导入10个字体很棒的图标,比如 import FaClipboardList from 'react-icons/fa 但webpack正在下载所有字体很棒的图标。是否可以只下载我需要的内容?在react icon v3上也有类似的问题。显然,他们使用了.mjs文件,而webpack无法对其执行树震动。帮助的是将此扩展添加到网页包的resolve列表中。(仅适用于网页4) 显然,他们在较新的版本中停止使用.mjs,但他们也有一些问题,所以我决定暂时使用v3 下面是关于这个问题的长线程。

我只导入10个字体很棒的图标,比如

import FaClipboardList from 'react-icons/fa

但webpack正在下载所有字体很棒的图标。是否可以只下载我需要的内容?

在react icon v3上也有类似的问题。显然,他们使用了
.mjs
文件,而webpack无法对其执行树震动。帮助的是将此扩展添加到网页包的
resolve
列表中。(仅适用于网页4)

显然,他们在较新的版本中停止使用
.mjs
,但他们也有一些问题,所以我决定暂时使用v3

下面是关于这个问题的长线程。

  resolve: {
    extensions: ['.mjs', '.js'],
    ...
  },