my blog
    • 前端-刘发狮-18727782912
    • 算法笔记,JavaScript实现
    • 开发中遇到的cookie问题
    • 发布-订阅设计模式
    • 柯里化和组合函数
    • 从 HTTP 1.0 到 HTTP 3.0
    • 使用node将你的学习笔记一键转化为markdown
    • 谈一谈前端开发中的惰性思想
    • web项目的灰度发布/金丝雀发布
    • 关于我的组件库 rain-ui
    • 搭建react脚手架,以及脚手架工具
    • unit-test
    • webpack优化指南

    搭建react脚手架,以及脚手架工具

    使用指南#

    npm 地址
    like this
    {% gallery %}选择{% endgallery %}
    选择第一个是常见空的脚手架,可以选择 js 或者 ts(ts 还没写完)
    选择第二个是 react+antd 的中后台管理模板 详情
    选择第二个是 react+typescript+ant-mobile h5 模板(仅提供常见配置) 详情

    脚手架搭建#

    项目源码
    webpack 配置贴这里,里面有注释解释了各个 loader 或者插件的作用,也可以参考webpack 优化指南来详细了解其中的配置

    脚手架工具#

    项目源码
    大概步骤就是
    1.
    创建执行文件,npm link链接到本地 方便调试
    2.
    下载 commander,通过一下 api 实现
    command:自定义执行的命令
    option:可选参数
    alias:用于 执行命令的别名
    description:命令描述
    action:执行命令后所执行的方法
    usage:用户使用提示
    parse:解析命令行参数,注意这个方法一定要放到最后调用
    3.
    下载 child_process,子进程,在 process.exec()中可执行 git 命令和 shell 命令
    4.
    通过 inquirer 提供可视化选项
    5.
    使用 ora,figlet 等等优化细节,美化界面
    贴个代码
    最后发布到 npm 中npm 地址
    修改于 2025-05-17 06:32:11
    上一页
    关于我的组件库 rain-ui
    下一页
    unit-test
    Built with