vue踩坑:用import引入字体文件时报错解决

问题出在:

配置文件webpack.config.js中没有配置解析字体的模块;

首先下载模块:

npm install url-loader

再在配置文件webpack.config.js中添加规则:

  {
       test: /\.(eot|svg|ttf|woff|woff2)$/,
        loader: 'url-loader'
      }

意思是:碰到 eot|svg|ttf|woff|woff2 这几种文件,用 url-loader 模块解析
如图:

再重启vue项目