当你的vuejs项目完成后,打包上线是必不可少的,但是你会发现你的dist文件夹下面的文件,会随着每次重新打包文件数量会越来越多。这样既对版本库不好,也不利于后期寻找文件。
下面是解决方法:
修改build/webpack.prod.config.js文件,将其中的[hash]删除,然后保存文件。最后重新打包cnpm run build,你会发现,文件并不会数量增多。原理是这里相当于每次生成的新文件覆盖原来的旧文件。
这样你打包上线后,输入主域名后默认访问的文件就是你打包生成的index.html文件,但是你在dev环境下访问地址变成了http://localhost:8080/index_dev.html。
通过以上设置,就可以轻松解决vuejs解决打包生成文件过多问题,以及解决打包初始化页面不是index.html问题。