Nostalgic Primordial Monster
    Wondering what’s next for npm?Check out our public roadmap! »

    @wenmu/create-react-component

    1.0.5 • Public • Published

    create-react-component

    一个创建 react 组件的脚手架命令行工具 CLI,创建的组件已做浏览器兼容。

    安装

    npm install -g @wenmu/create-react-component

    查看是否安装成功

    c-rc-c -v

    初始化项目

    c-rc-c init <componentName>
     
    //比如
    c-rc-c init GroupButton

    命令为什么是c-rc-c

    这是create-react-component的缩写。本来想写成ccc,感觉这个名字太随便了,哈哈。

    开发组件

    目录结构

    .
    ├── README.md           # 组件说明文件 
    ├── package-lock.json
    ├── package.json
    ├── src                 # 代码目录 
    │   ├── assets          # 图片等静态资源 
    │   ├── demo            # 测试组件目录 
    │   ├── index.js        # 组件代码文件 
    │   └── index.less
    ├── webpack.base.js     # webpack共用配置 
    ├── webpack.dev.js      # webpack开发环境配置 
    └── webpack.pro.js      # webpack生产环境配置 

    测试组件

    组件开发过程中,可以在 demo 中调用测试结果。

    npm run start

    发布组件到 npm 仓库中

    组件测试没问题后,就可以发布到 npm 仓库中,供他人和自己以后使用。

    npm run pub

    至于发布到 npm 仓库的相关配置,可以看这边文章:《开发并发布和更新一个 npm 包》

    Install

    npm i @wenmu/create-react-component

    DownloadsWeekly Downloads

    1

    Version

    1.0.5

    License

    ISC

    Unpacked Size

    9.4 kB

    Total Files

    3

    Last publish

    Collaborators

    • avatar