区块介绍

bizcharts 区块介绍

预览图

给个预览图

命令

具体开发流程顺序如下

启动 & 调试

fie start

编译

fie build

发布

发布日常

fie publish d

发布线上

fie publish

只发布 npm 包

fie publish package

目录结构

.
├── README.md
├── index.html
├── demo // 本地调试目录
├── lib // babel 编译 src 后输出的目录
├── db.json // 给 ice 打包用的，开发者无需关心
├── package.json
├── src // 源代码
└── webpack.config.js // webpack 配置

⚠️ 注意事项

关于必填参数

需要手动填写的参数（package.json和db.json中都需要填，并保持一致）：

• "name": 包名,
• "title": demo名,
• "description": demo描述,
• "categories": array，类目用于搜索，必填两项：'bizcharts'和官网右侧导航栏对应的展示区，如'其他图表'、'折线图 '、 '概览'等

 "categories": [
    "bizcharts",
    "其他图表"
  ],

• "screenshot": 截图，一般情况发布时会自动截图，如果不成功需要手动截图后填入图片链接

关于发布

1.只有 fie publish d 不会发布 npm 包，其他的 fie publish xxx 都会发布 npm 包。

2.由于 npm 包需要被外网用户下载，所以发到的是 公共 registry。因此，需要你本地登录了 npm 账号，可以使用 npm whoami 来查看当前登录的账号，没登录的话，使用 npm login 登录。没 npm 账号的点 这里 申请，另外只有验证过邮箱的 npm 账号才能发包。

3.bizcharts物料包 name 统一为 @bizcharts/xxx，npm 没加入 scope 组的，请联系@昔夜。

关于区块样式

由于区块会被应用引用，所以必须做到开箱即用，无需做额外的配置，因此，在区块样式这块使用的是 React inline style 方案。当然，如果你觉得直接写 style 有部分限制的话，你可以使用 Radium 方案。