Vue 打包到生产环境部署后图标不见了

问题描述：打包完后部署到正式环境有些图标不显示，如下图，显示为小方块。

 

解决方案：

这个问题可能是vue-cli脚手架配置问题

在build/webpack.prod.conf.js中

把extract：true 改为 fasle，然后再重新build就可以了

 module: {
    rules: utils.styleLoaders({
      sourceMap: config.build.productionSourceMap,
      extract: false,
      usePostCSS: true
    })
  },

改为重新打包部署好了。