Vite Dev解析初探

一、Vite源码目录结构:

 

二、creat-app目录下是这样子的，包含几个模板，可以初始化对应的模板，并直接使用

 

三、在index.js中，通过指定项目名称，接下来判断对应的目录是否存在，如果存在则可以选择取消或者清空。如果不指定模板的话会出现提示对话框让你选择对应的模板。

然后将模板下载到本地目录，并从写package.json的项目名称和指定包管理方式。

我们今天最主要的部分在vite目录下：

src目录下有客户端和服务端代码，今天这里只简单解析服务端部分。

命令入口从node/cli.ts文件开始解析：

// dev

cli

  .command('[root]') // default command

  .alias('serve')

  .option('--host <host>', `[string] spe