ynnub v2.0.0

What does ynnub means ?

It's bunny, reversed !

How to use

Button

import Button from 'ynnub';

export default () => (
  <Button href="/" label="Home" />
)

Webpack Configuration

yarn add ynnub
yarn add --dev ynnub-webpack-config extract-text-webpack-plugin css-loader postcss-loader sass-loader optimize-css-assets-webpack-plugin

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
const { createModuleRules } = require('ynnub-webpack-config');

module.exports = {
  moduleRules: [
    // js/jsx rule
    { test: /jsx?$/ ... },

    // css modules scss rule
    ...createModuleRules({
      MiniCssExtractPlugin,
      // optional: global: true|false,
      // optional: production: true|false,
      // optional: themeFile: string,
      // optional: plugins: Array
      plugins: [
        // example: require('autoprefixer'),
        // example: require('precss'),
      ],
      includePaths: [path.resolve('./node_modules')],
    }),
  ],

  plugins: [
     new MiniCssExtractPlugin({
      // disable: target === 'node',
      filename: `styles.css`,
    }),

    new OptimizeCssAssetsPlugin(),
  ]
}