前端ui组件库

私有仓库地址 https://knpm.kaikeba.com/ 组件演示域名

安装配置

1、安装ui组件包

yarn add @kkb/daji

2、配置webpack解析插件包

// webpack配置
const webpackConfig = {
  module: {
    rules: [
      // ...其它loader省略
      // 单独解析ui组件包
      {
        test: /\.(js|mjs)$/,
        include: [/node_modules\/@kkb\/daji/],
        loader: 'babel-loader',
        options: {
          presets: [
            '@babel/preset-env',
            ['babel-preset-react-app/dependencies', { helpers: true }]
          ],
          plugins: ['@babel/plugin-transform-react-jsx'],
        }
      }
    ]
  }
}

组件使用方式

1、在项目中直接使用

PS: 项目中的antd一定要比daji组件中的版本高或相等，低版本会不显示样式

import { Foot } from '@kkb/daji';
<Foot />