React + CLI Workflow

开发

安装依赖

yarn

编写组件

在 src/index.tsx 文件编写你的代码

预览组件

在 stories/Thing.stories.tsx 文件引入你编写的组件

运行

yarn storybook

在 storybook 中预览你的组件

发布组件

运行命令

yarn run publish

选择你本次发布的版本号，将包发布到npm

项目中使用

安装

yarn add scooper-component --dev

在项目根目录的 package.json 文件中新增如下 scripts

"scripts": {
    "com": "scooper use-com"
}

运行命令

yarn com

默认包会下载到项目目录src/lib/scooper-components下 注意：运行命令时，换行符需要使用LF，而并非是CRLF

在项目中引入即可使用

import Thing from './lib/scooper-component'

function App() {
  return (
    <>
      <Thing />
    </>
  )
}

export default App