React + CLI Workflow

开发

安装依赖

yarn

编写组件

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

预览组件

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

运行

yarn storybook

在 storybook 中预览你的组件

发布组件

运行命令

yarn run publish

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

项目中使用

安装

yarn add scui-comp-chart --registry=https://registry.npmjs.org --dev

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

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

运行命令

yarn com

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

在项目中引入即可使用

import { BorderOne, BorderTwo, BorderThree } from './lib/scui-comp-chart/scui-comp-chart.esm'
// css只需要引用一个就可以
import './lib/scui-comp-chart/scui-comp-chart.esm.css'

function App() {
  return (
    <>
      <BorderOne />
      <BorderTwo />
      <BorderThree />
    </>
  )
}

export default App