Vue2使用webpack打包不加载字体包导致elementUI/iviewUI样式的icon显示为方框问题

175 阅读1分钟

解决方案:

卸载 file-loader 使用 Vue-cli 预设的版本。

webpack打包看也是正常的,找了很久才发现是file-loader的兼容问题,要使用package-lock.json自带的file-loader,而不是单独安装的file-loader依赖,卸载单独安装的file-loader依赖,字体样式能正常显示了

1733301769694.png

 {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'file-loader',
    options: {
      name: 'fonts/[name].[hash:8].[ext]',
    },
  },