基于react的轻量级UI组件库

amazingui是笔者开发的基于react的轻量级组件库，目前不依赖任何第三方ui组件库，支持按需导入，可定制。官网地址website: amazingui——基于react的轻量级UI组件库

获课和转介绍业务梳理的公用组件：https://notes.dingtalk.com/doc/QqWXw55WbyRpgG31?orgId=455324&dd_progress=false&showmenu=false

目前已开发完成如下ui组件：

• SharePoster 海报分享组件

正在开发的组件：

• TODO

后续会开发出更多优质轻量组件，敬请关注。

技术实现与版本

该组件库基于一下技术版本开发：

• react: 16.8.6
• react-dom: 6.8.6
• classnames

文档demo演示

使用

npm i @mlz/amazingui

在mlzpack中使用

  loaderOptions: [
      {
        test: /\.(jpe?g|png|gif|svg)$/,
        include: /node_modules\/@mlz\/amazingui\/dist/,
        use: [
          {
            loader: 'url-loader',
            options: {
              emitFile: true,
              limit: 3 * 1024,
              name: 'images/[name]__[hash:5].[ext]',
              publicPath: config.assetsPublicPath,
            },
          },
        ],
      },
      {
        test: /\.scss$/,
        include: [/node_modules\/pant\/es/, /node_modules\/@mlz\/amazingui\/es/],
        use:
          [
            'style-loader',
            {
              loader: 'css-loader',
              options: {
                sourceMap: false,
              },
            },
            {
              loader: 'postcss-loader',
              options: {
                plugins: () => {
                  const plugin = [autoprefixer(), pxtorem(
                    {
                      rootValue: 100,
                      propList: [
                        '*',
                        '!border',
                        '!border-left',
                        '!border-right',
                        '!border-top',
                        '!border-bottom',
                      ],
                      selectorBlackList: [
                        'no_rem',
                      ],
                    },
                  )];
                  return plugin;
                },
              },
            },
            {
              loader: 'sass-loader',
              options: {
                implementation: require('sass'),
              },
            },
          ],
      },
    ]

todo

不支持 import xx from 'xx.png' 每次新安装一个包，需要重新npm i安装所有依赖包 自动格式化不生效

技术交流与反馈

微信（wechat）：tangwei999733

欢迎提出更多issue以便让组件库更健壮