最近在开发一个前端 CLI 工具,请问一下类似 create-react-app 、vite 这些脚手架工具,在初始化一个项目时,生成的初始目录结构,以及这些文件内的代码,是如何更方便的实现的?
最近在开发一个前端 CLI 工具,请问一下类似 create-react-app 、vite 这些脚手架工具,在初始化一个项目时,生成的初始目录结构,以及这些文件内的代码,是如何更方便的实现的?
|
ifdefJul 13, 2022
1
|
|
yhxxJul 13, 2022
2
create-react-app 是从指定的模板直接复制过来的
|
|
laolaowangJul 13, 2022
3
见过的大部分项目貌似是固定的模板
|
|
dudubabaJul 13, 2022
4
就是个下载的过程:模板放在 git 仓库里,当使用 inquirer 这种交互选择模板后,从 git 仓库中 download 模板到本地
|
|
draco95Jul 13, 2022
5
这边建议直接用 @angular-devkit/schematics
|
|
caisanliJul 13, 2022 via iPhone
6
创建一个模版仓库 初始化项目的时候用 git-clone 拉取这个模版仓库的代码
|
|
connectionJul 13, 2022
7
一般是 模版 + 变量 => 生成项目
|
|
zhuweiyouJul 13, 2022
8
专门搞个仓库放模版,里面用模版语法, 然后加上你 cli 选的变量, 生成出来文件就行了.
|
|
humbassJul 13, 2022
9
最简单:事先放几个自己定义的模板类型,根据交互选择,后台 git 回来 copy 到指定位置不就行了
复杂点:copy 完毕后,用 fs 来修改 高兴的话,还可以调用 process_child 帮用户把 npm install 都执行了。 |
|
Al0rid4lJul 13, 2022
10
复制文件, 模板引擎填充变量...
|
|
296727Jul 14, 2022
11
就是 cv
|