fiiish-general

内部通用组件库

大鱼公共库，用于各个项目间快速复用。包括 React 组件、util 辅助函数、基于 Antd 二次开发的组件等等

安装

npm i fiiish-general

项目引入

内部使用，包发布时并没有编译。引入此库时，须要 webpack 额外配置

loader
// babel 编译
{
  test: /\.(js|jsx)$/,
  include: resolve('node_modules/fiiish-general/lib'),
  loader: 'babel-loader',
},
// 定制样式
{
  test: /\.less$/,
  use: [
    {
      loader: require.resolve('less-loader'),
      options: { modifyVars: {primary: '#000'} },
    },
  ],
},

本地文档与服务

启动 npm run storybook

本地调试

• 打开 /stories/index.js
• 引入待调试的组件
• 具体可参考storybook 文档

组件规范

• 所有组件在 lib 目录下，组件名称尽可能简短明确，以 - 分隔
• 必须引入 PropTypes，并对各个 props 做注释说明
• 组件样式名称必须以 fg 作为前缀，并尽可能完整的描述含义