vue-cli webpack配置文件分析

相信vue使用者对vue-cli都不会陌生，甚至可以说，很熟悉了，但对其webpack的配置可能知之甚少吧。过完年回来后，我接手了公司的新项目。新项目是一个spa。很自然，我就想到了vue-cli脚手架了，当时研究一下它的webpack配置。今天这篇文章，是在原来的基础上，增加了一些新版本的内容，但实质上变化不大。此仓库为vue-cli webpack的配置分析，其实只是在源码中加上注释而已。分析不包括check-versions.js文件，因为check-versions.js是检测npm和node版本，不涉及webpack，所以就没有对check-versions.js进行分析。dev-server.js中使用了webpack.dev.conf.js文件，该文件是开发环境中webpack的配置入口。可以说，这个文件相当重要。该文件在很多文件中都用到，是主要的配置文件，包含静态文件的路径、是否开启sourceMap等。utils.js也是一个被使用频率的文件，这个文件包含了三个工具函数：