How to use the webpack-atoms.rules.js function in webpack-atoms

// mode: 'production',
  // optimization: {
  //   minimize: false,
  // },
  entry:
    `${loaders.imports().loader}?` +
    `module=${path.join(dirname, 'localizer.js')}` +
    `!${require.resolve('./shim.js')}`,

  output: {
    path: path.join(dirname, './dist'),
    filename: name + '.js',
    libraryTarget: 'var',
  },
  module: {
    rules: [rules.js({ envName: 'esm' })],
  },
  plugins: [
    plugins.define(),
    plugins.banner({
      banner:
        '(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
      entryOnly: true,
    }),
  ],
  externals: {
    react: 'window.React',
    'react-widgets/lib/configure': 'window.ReactWidgets',
    ...JSON.parse(externals || '{}'),
  },
  node: {
    Buffer: false,

const { plugins, rules } = require('webpack-atoms');

module.exports = {
  devtool: 'source-map',
  entry: {
    'react-widgets': './src/index.js'
  },
  output: {
    path: path.join(__dirname, './dist'),
    filename: '[name].js',
    library:  'ReactWidgets',
    libraryTarget: 'umd'
  },
  module: {
    rules: [
      rules.js()
    ]
  },
  externals: {
    react: {
      root: 'React',
      commonjs: 'react',
      commonjs2: 'react',
      amd: 'react'
    },
    'react-dom': {
      root: 'ReactDOM',
      commonjs: 'react-dom',
      commonjs2: 'react-dom',
      amd: 'react-dom',
    },
  },

module.exports = function(root, config) {
  return merge({}, config, {
    module: {
      rules: [
        { parser: { amd: false } },
        rules.js({ tagName: 'less', extension: '.less' }),
        rules.css(),
        rules.less(),
        rules.images(),
        rules.woff(),
      ],
    },
    plugins: [
      plugins.define(),
      plugins.extractText(),
    ],
    node: {
      Buffer: false,
      fs: 'empty',
      net: 'empty',
      tls: 'empty',
    },

cache: false,
  output: {
    path: __dirname,
    filename: 'bundle.js',
    publicPath: '/docs/',
  },

  resolve: {
    alias: {
      components: path.resolve(__dirname, './components'),
      react: path.resolve(__dirname, '../node_modules/react'),
    },
  },
  module: {
    rules: [
      rules.js(),
      rules.css(),
      rules.less(),
      rules.images(),
      rules.fonts(),
      {
        test: /\.md$/,
        use: [loaders.js(), path.join(__dirname, './loaders/jsx')],
      },
    ],
  },
}

module.exports = function({ config }) {
  config.module.rules = [
    rules.js(),
    rules.fonts(),
    rules.images(),
    rules.css(),
    rules.sass({ browsers }),
  ]

  return config
}

module.exports = config => {
  const { env } = process;

  config.set({
    frameworks: ['mocha', 'sinon-chai'],

    files: ['test/index.js'],

    preprocessors: {
      'test/index.js': ['webpack', 'sourcemap'],
    },

    webpack: {
      mode: 'development',
      module: {
        rules: [rules.js()],
      },
      plugins: [
        plugins.define({
          'process.env.NODE_ENV': JSON.stringify('test'),
          __DEV__: true,
        }),
      ],
      devtool: 'cheap-module-inline-source-map',
    },

    webpackMiddleware: {
      noInfo: true,
    },

    reporters: ['mocha', 'coverage'],

},
  stats: stats.minimal,
  devServer: {
    port: 3000,
    stats: stats.minimal,
  },

  resolve: {
    alias: {
      'react-big-calendar$': path.resolve(__dirname + '/../src/index.js'),
      'react-big-calendar/lib': path.resolve(__dirname, '../src'),
    },
  },
  module: {
    rules: [
      rules.js({}),
      rules.images(),
      rules.fonts(),
      { oneOf: [rules.css.modules(), rules.css()] },
      rules.sass({ browsers }),
      {
        test: /\.md/,
        use: [loaders.js(), 'markdown-jsx-loader'],
      },
    ],
  },
  plugins: [
    plugins.html({ title: 'React Big Calendar' }),
    plugins.extractCss(),
  ],
}

module.exports = function (config) {
  return merge({}, config, {
    devtool: 'source-map',
    entry: `${loaders.imports().loader}?` +
      `module=${path.resolve(process.cwd(), config.entry)}` +
      `!${require.resolve('./shim.js')}`,
    output: {
      libraryTarget: 'var'
    },
    module: {
      rules: [
        rules.js()
      ]
    },
    plugins: [
      plugins.define(),
      plugins.banner({
        banner:'(c) 2014 - present: Jason Quense | https://github.com/jquense/react-widgets/blob/master/LICENSE.md',
        entryOnly : true,
      }),
    ],
    externals: {
      'react': 'window.React',
      'react-widgets/lib/configure': 'window.ReactWidgets',
    },
    node: {
      Buffer: false
    },