如何设置vue-cli3的vue.config.js实现详细配置教程？

本文共计717个文字，预计阅读时间需要3分钟。

前言：vue-cli3推广零配置，其图形化项目管理也相当高大上。但vue-cli3零配置的术语，导致与之前vue-cli2的配置方式大不相同。别名设置、source map控制、输入文件位置和输出文件位置等都不一样。

前言

vue-cli3推崇零配置，其图形化项目管理也很高大上。

但是vue-cli3推崇零配置的话，导致了跟之前vue-cli2的配置方式都不一样了。

别名设置，sourcemap控制，输入文件位置和输出文件位置和输出的方式，压缩js控制，打包webapck日志分析，externals忽略配置（外部引入），调试的端口配置，proxy接口配置等等的。

有时候还需要我们配置的，因为官方推荐的，并不适用于我们平时的开发所用的。

所以，我的vue.config.js配置是下面这样的。还有一个改hash的配置，暂时还不知道如何配置，以后会解决的，解决的时候顺便更新这里。

资料查询借鉴地址：

github.com/staven630/vue-cli3-config（介绍vue.config.js配置方法）

github.com/loveRandy/vue-cli3.0-vueadmin（借鉴前辈vue-cli3项目里的vue.config.js配置）也查询了不少github上的相关项目。