senfish / doves

react版的脚手架,类似于vite

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

doves

react项目脚手架,问询式交互,提供多种模板,快速创建一个初始化项目

核心包

doves 是由两个核心包 doves-clicreate-doves 组成。

doves-cli

负责CLI服务,目前包括serve、build等,

create-doves

负责创建应用模版,问询式交互,提供多种应用模板,目前支持模板有react、react-ts等

创建应用

create-doves 用于快速创建项目模板,提供可配置信息

兼容性注意 !!! 需要 Node.js 版本 >= 12.0.0。

通过包管理工具

使用yarn(建议使用):

yarn create doves

使用npm:

npm init doves@latest

使用pnpm:

pnpm create doves

然后按照提示操作即可! 输入你的 Project name image.png 选择你想要的 template image.png

一切就绪之后,等在下载即可。

通过全局安装

当然,你也可以安装全局包create-doves来创建你的新应用。

使用NPM:

yarn global add create-doves

create-doves doves-demo

然后按照提示操作即可! image.png 当看到 doves logo时,即代表应用创建成功,以上两种方法效果是一样的。

cli 服务

全局安装(建议)

yarn global add doves-cli

使用命令

当通过 create-doves 创建应用时,会帮你自动安装 doves-cli 到目标应用,所以你可以使用默认 preset 应用的 package.json:

{
  "scripts": {
    "start": "doves-cli serve",
    "build": "doves-cli build"
  }
}

你可以通过 npmyarn 调用这些 script

npm run start
# or
yarn start

甚至你还可以这样:

doves-cli serve
# or
doves-cli build

doves-cli serve

用法:def-cli serve [options] [entry]

选项:

  --open    在服务器启动时打开浏览器
  --copy    在服务器启动时将 URL 复制到剪切版
  --mode    指定环境模式 (默认值:development)
  --host    指定 host (默认值:0.0.0.0)
  --port    指定 port (默认值:8080)
  --hot     开启热更新
  --config  指定webpack配置文件

doves-cli serve 命令会启动一个开发服务器 (基于 webpack-dev-server) 并附带开箱即用的模块热重载 (Hot-Module-Replacement)。 除了通过命令行参数,你也可以使用 webpack.config.js 里的 devServer 字段配置开发服务器。

doves-cli build

用法:def-cli build [options] [entry]

选项:

  --mode        指定环境模式 (默认值:production)
  --output      指定输出目录 (默认值:dist)
  --config      指定webpack配置文件
  --clean       删除上一次打包文件

!注意

命令行参数优先及大于 webpack 配置,也就是说,会覆盖 webpack.config.js 里面的值。

About

react版的脚手架,类似于vite

License:MIT License


Languages

Language:JavaScript 92.7%Language:HTML 4.3%Language:TypeScript 2.0%Language:Shell 0.8%Language:Less 0.2%