Vvue 打包后dist文件夹中的html却是空白页面的问题

当我们学习vue脚手架使用vue init webpack XXX创建项目的时候

我们使用npm run build打包，dist文件夹下面的html打开时却什么都没有，一片空白的时候，我们需要手动配置几个项

1.找到目录下的build文件夹中的webpack.prod.conf.js文件

　　默认创建项目后的位置，是在output对象里面新增配置publicPath，如下图：

　　

 

2.找到目录下的build文件夹中的utils.js文件

　　默认创建项目后的位置，是在output对象里面新增配置publicPath，如下图：

　　

 

 配置完成之后，重新npm run build我们发现打包没有报错

　　

 

 打包完成之后，打开dist文件夹中的index.html文件

　　

 

 神奇的一幕出现了，项目完完整整的进行了一个打包

　　

 

 以上就是vue使用webpack打包时，打包的index.html文件打开页面空白的问题，更多疑问，QQ：10640310