手把手教你搭建 React UI 组件库 (一) 搭建环境

293 阅读1分钟

1. 该项目所需要用到的工具

  • WebStorm 或者 VSCode
  • yarn (尽量不要用 npm)
  • webpack 4
  • webpack-dev-server 3
  • TypeScript 3

2. 配置WebStorm

配置地址

3.安装项目

打开终端输入: (这里使用方应杭老师的项目初始模板, 非常感谢方方老师)

mkdir sweet-ui
cd sweet-ui
git clone https://github.com/FrankFang/rNCyEFdqnwuq.git .
yarn
yarn start

当输出如下信息说明安装成功成功:

image.png 浏览器打开:http://localhost:8080/, 结果如下,说明成功运行

image.png

4. 测试, 打包项目

打开终端, 输入:

cd 项目目录
yarn test

终端如下输出, 说明成功:

image.png

终端输入: yarn build

终端如下输出, 说明成功:

image.png