@aiou/react-components-lib-template

react-components-lib-template

Usage no npm install needed!

<script type="module">
  import aiouReactComponentsLibTemplate from 'https://cdn.skypack.dev/@aiou/react-components-lib-template';
</script>

README

@aiou/react-components-lib-template

build multiple react components lib, insipred by antd-tools

npm GitHub stackblitz

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