Vue-element ui圖標用webpack打包以後圖標不能顯示總結

方法一.在build/utils.js下找到

if (options.extract)

    {

      return ExtractTextPlugin.extract({

         use: loaders,

         fallback: 'vue-style-loader',    

         publicPath: '../../' })       //添加publicPath:'../../'

    }

else {

     return ['vue-style-loader'].concat(loaders)

}

方法二:npm run build打包後生成vendor.4cf48985.css中找到

../fonts/element-icons.535877f5.woff

../fonts/element-icons.732389de.ttf

替換成

http://unpkg.com/element-ui@2.10.1/lib/theme-chalk/fonts/element-icons.ttf

http://unpkg.com/element-ui@2.10.1/lib/theme-chalk/fonts/element-icons.woff

提交便可