使用vue-cli的webpack-simple模板项目遇到的神坑

过程是这样的首先我使用webpack热加载我的测试项目然后完美运行

npm run dev

image

然后我打包项目

npm run build

这时候神奇的事情发生了页面一片空白

空白

看到这里首先想到的是build.js路径加载错了，然后去找index.html,发现路径果然有问题

index.html

加上点之后果然可以了，项目依然完美运行

但是当我加了一张图片后。。。。。又出问题了，找不到图片

image

后来找了半天发现需要同时在webpzck.config.js的配置信息做修改

image

加上点之后项目完美运行。。。（但是事情并没有那么简单。。。）,当我热加载项目的时候又出问题了。。。，那就是热加载的项目是我之前build的项目，不管我怎么改代码总是显示之前的效果，这尼玛就gay了，后来又花了好长时间发现想要热加载需要把之前的两处点去掉。。。。，不得不说真gay。

最后衷心希望各路大神能够给小弟一个完美的解决方案，小弟将感激不尽。