@aiou/react-components-lib-template v1.2.9

@aiou/react-components-lib-template

build multiple react components lib, insipred by antd-tools

Edit on StackBlitz ⚡️

features

• output lib & es components version
• build with gulp
• multiple react components
• support css-modules

install

yarn add @aiou/react-components-lib-template

usage

with babel-plugin-import

• use with umi

  extraBabelPlugins: [
    [
      'import',
      {
        libraryName: '@aiou/react-components-lib-template',
        style: 'css',
      },
    ],
  ]

development

• Setup - yarn * yarn dev
• Build - yarn build

Q&A

• import external stylus lib

  .pipe(
    stylus({
      'include css': true,
      set: ['resolve url'],
      use: [plugin()], // some stylus plugin like nib
      import: [
        path.resolve(
          __dirname,
          'path/index.styl', // external stylus path
        ),
        path.resolve(__dirname, 'components/style/gray.styl'),
      ],
    }),
  )

  • css-modules - in build/postcss.config.js