Vue CLI文件解析

vue-cli

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。

通过vue-cli，可以快速创建一个基于webpack打包工具的脚手架，里面已经配置好了开发与生产所需的环境，并且配置了一定的loader与plugin。除此之外，vue-cli还创建了一个简单的vue应用，可以通过修改代码编写一个新的app应用

vue-cli目前已经更新到4.x版本，vue2.x版本前后差别较大，vue2.x及之前的版本会将webpack配置暴露，2.x之后则隐藏了起来

vue-cli 2.x目录解析

vue-cli2的webpack配置是暴露给用户的，用户可以直接修改webpack配置，目录结构相对复杂

vue-cli 3.x目录解析

vue-cli3的配置相对就简单的多，它不将webpack配置暴露给用户，而是隐藏了起来，用户可以通过创建webpack文件的方式来修改配置

vite

vite是下一代构造工具，它不再基于webpack，而是基于Rollup打包工具