阅读create-vite 源码

173 阅读1分钟

希望大家也可以参加学习。

首先,使用常量保存各种框架的JS和TS文件格式名称,包括(vue、react、sevelte等等)。筛选出各自的名称方便识别。

image.png

然后,进入init初始化函数,获取文件路径targetDir和模板template,判断targetDir中是否含"."来判断是否为最终文件名称,否则使用path.baseName(path.reslove())获取。得到最终文件名称projectName。

image.png

设置终端问题,判断各种情况下的报错信息以及处理方式,根据用户选择获取到framwork、overwrite、package、variant。

image.png

根据路径对文件进行分类和输出。

image.png

输出package.json文件。

image.png

构建完成后,判断是否为最终路径,显示cd到root,判断显示初始化命令,yarn yarn dev或是其他的 pkgManager install / run dev。

包整理:

  • prompts 配置终端问题,进行判断与处理
  • minimist 获取输入参数