当我们学习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：46123432