vue 生产webpack打包之后路径报错处理

vue 版本： "^2.5.2"

webpack版本： "^3.6.0"

1.  首次打包之后页面空白  修改config/index/build/assetsPublicPath  为“./”  

  build: {
    index: path.resolve(__dirname, '../dist/index.html'),
    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
    .........
  }

原因：打包的过程中直接将static直接作为了直接路径

2. 再一次报错，页面img文件引入报错，在built/utils.js/ 下新增

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:"../../"  //  新增
      })
    } 

原因：打包后，我们的 css 会抽离出来为一个单独的 css 文件，这个时候， css 和 图片 之间的一个相对路径关系就改变了