2. 加载字体 Font

使用 Asset Modules 接收字体文件。

修改通用环境配置文件 webpack.commom.js：

const paths = require('./paths')
module.exports = {
  module: {
    rules: [
      // 2. 加载字体 font
      {
        test: /.(woff|woff2|eot|ttf|otf)$/i,
        include: paths.resolveApp('src'),
        type: 'asset/resource'
      },
    ]
  }
}

对字体的优化

在实际开发过程中，推荐将字体文件压缩上传至 CDN，提高加载速度。如配置字体的文字是固定的，还可以针对固定的文字生成字体文件，可以大幅缩小字体文件体积。