前端打包配置优化选择

打包可视化
1.使用BundleAnalyzerPlugin 插件 安装后在vue.config.js中完成引入并配置即可

更方便直观的分析打包后整体工程的各个文件占用，优化部署
文件压缩
1.使用CompressionWebpackPlugin插件完成对打包文件的整体压缩，减小部署包体积占用
打包后除去工程console
使用babel-plugin-transform-remove-console，在打包阶段完成对工程整体console删除工作

打包配置分类
1.工程打包期间常常分有分类环间，比如外网开发，内网部署。这个时候就需要在打包的时候对配置进行修改。为了减少这部工作，加之配置文件常常区别不大，多数时候是地址更换，字段变更等
1.1 修改默认main.js文件名称，main_dev.js作为开发阶段使用
1.2 src下新建文件main_prod.js作为内网打包部署使用
将开发与打包配置分布写进对应文件，在vue.config.js中完成对引入配置的修改