Vue.js解决打包文件生成过多的问题以及打包初始访问页面不是index.html问题
2017-11-22| 程成| 2038| 1| Vue.js

当你的vuejs项目完成后,打包上线是必不可少的,但是你会发现你的dist文件夹下面的文件,会随着每次重新打包文件数量会越来越多。这样既对版本库不好,也不利于后期寻找文件。


image.png




下面是解决方法:


一、解决vuejs打包文件过多问题


修改build/webpack.prod.config.js文件,将其中的[hash]删除,然后保存文件。最后重新打包cnpm run build,你会发现,文件并不会数量增多。原理是这里相当于每次生成的新文件覆盖原来的旧文件。


image.png




二、解决vuejs打包后访问页面默认域名不是index.html文件


1、修改build/webpack.prod.config.js文件,将下面的filename修改成index.html文件


image.png




2、修改build/webpack.dev.config.js文件,同样的地方修改为index_dev.html文件


image.png



这样你打包上线后,输入主域名后默认访问的文件就是你打包生成的index.html文件,但是你在dev环境下访问地址变成了http://localhost:8080/index_dev.html。


通过以上设置,就可以轻松解决vuejs解决打包生成文件过多问题,以及解决打包初始化页面不是index.html问题。





×
作者:程成
QQ:492245711