解决vue项目中app.js打包过大的原因

最近本人一直在开发iview+vue搭建的项目，项目上线后发现前端app.js打包过大，达到了7M（我也不知道发生了神马），然后网上百度各种解决的办法，得到的答案就是（cdn托管、webpack配置），我只是一个小白，对于webpack的配置说实话是比较弱的，然后就请教公司大神寻求帮助，大神告诉我，在配置多环境的env.pre和env.prd中加上NODE_ENV = production ,就会解决这个问题，然后我就发版到pre上发现竟然真的可以解决app.js打包过大的问题，但是伴随着又发生了意向不到的事情就是，项目的样式发生了各种的错乱（很郁闷也很无语，猜想是css打包顺序错乱的问题），然后在同事的帮忙下，在webpage里面配置将css不分开打包，因为实在是找不到解决的方法的，如果看到文章的你们有什么好的解决办法，欢迎大家积极评论哦！（第一次写，有点乱，希望大家批评指正）