引用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