vue項目打包部署elementUI的字體圖標丟失問題

自己搭建的Vue項目，沒有使用vue-cli，引入elementUI時，使用的是webpack直接打包工具，發現字體圖標丟失你

記錄一下解決辦法：

webpack module配置：(build目錄下webpack.base.conf.js文件)

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

webpack 的utils.js 修改：（build目錄下utils.js文件）

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

 

只是加了  publicPath: '../../'

然后打包字體圖片就可以顯示了