webpack打包vue项目异常汇总

1、打包后静态资源路径引用错误

解决方法：修改 config/index.js  文件中的 build 对象的 assetsPublicPath 属性

build: {
    assetsPublicPath: './'
}

2、字体文件等路径引用错误

解决方法：在 build/utils.js 文件中添加代码

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