vite技术揭秘--模版创建

藏宝库编辑 · 2024-9-8 11:27:43

创建下令
pnpm create vite packageName

源码

参数选项
在创建模版时，是答应传递参数的

如指定--template后，就不必要在弹出用户下拉选择了

创建
promps界说的数组会在下令行中依次实行，并网络结果
此时我们已经知道用户选择的模版范例，以及界说的文件名称等内容，此时根据目的目次举行新建或清空

接着做读写利用，即从模板中读取文件复制到目的文件中

这显然是一次递归举动
此中，模版是由vite内置的
末了，根据你利用的包范例输出提示信息

node相干包
minimist：下令行参数剖析
prompts：创建交互式下令行
kolorist：下令行着色

node相干api
path.basename()：返回路径中的末了一部门
path.resolve()：返推辞对路径，到当前目次
process.cwd()：获取 Node.js 进程的当前工作目次
path.join()：路径拼接
fs.existsSync()：判断目次是否存在
fs.readdirSync()：读取目次下文件
fs.rmSync()：删除文件
fs.mkdirSync()：创建目次
import.meta.url：返回当前模块的 URL 路径，node中返回file:URL协议的字符串
process.env.npm_config_user_agent：获取当前实行的是包管理器的名称和版本
fileURLToPath()：剖析file:URL协议，跨平台
fs.copyFileSync()：复制文件
fs.statSync()：获取文件剖析对象

vite技术揭秘--模版创建

所属分类: 问答交流

新帖推荐: 30日

推荐作品