前言

过程

初始化目录

mkdir‘组件名称’

npm init

将会生成 package.json 文件

新建 src 目录作为组件的源代码目录，index.js 作为组件入口
新建 lib 目录作为组件的编译后目录，这个目录只读

修改 package.json 的 main 字段为 ”src/index.js” 或 ”lib/index.js”

编写组件

src/index.js 中就可以编写组件了，导出组件

export default class extends React.Component{render(){
        return (<div>Hello,World!</div>)
    }
}

调试组件

执行 npm link

在根目录下，create-react-app example

cd example && npm link '组件名称'

通过 npm link 命令，可以在本地模拟项目 npm install ‘ 组件名称 ’

接下来，你就可以在 example 项目中，

import 组件名称  from“组件名称”

发布

注册 npm 账号

登陆 npm 账号

npm publish

小结