引用elementUi 字体文件丢失导致图标都显示小方块

引用elementUi 控制台报错字体文件丢失 ， 检查后发现是打包后css文件的引用路径出现问题，做出以下修改

在webpack.base.config.js中修改url-loader

      {
        test: /\.(woff2?|eot|ttf|otf|woff)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }，

 

     修改utils.js ，ExtractTextPlugin的publicPath的路径

    // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

 

 
————————————————
原文链接：https://blog.csdn.net/a578024797/article/details/103402807