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

module.exports = baseConfig =>
  Object.assign({}, baseConfig, {
    // mode: 'development',
    module: {
      rules: [
        { parser: { amd: false } },
        rules.js.inlineCss({
          tagName: 'less',
          extension: '.less',
          extends: '../../.babelrc.js',
        }),
        rules.css(),
        rules.less(),
        rules.images(),
        rules.fonts(),
      ],
    },
    resolve: {
      symlinks: false,
      alias: {
        'react-widgets$': path.resolve('../react-widgets/src/index.js'),
        'react-widgets/lib': path.resolve('../react-widgets/src'),

        'react-widgets-virtualized$': path.resolve(
          '../virtualized/src/index.js'
        ),
        'react-widgets-virtualized/lib': path.resolve('../virtualized/src'),

        'react-widgets-material-ui$': path.resolve(

module.exports = {
  devtool: 'source-map',

  entry: require.resolve('./client.js'),
  output: {
    path: path.join(__dirname, '../docs/'),
    filename: 'bundle.js',
    publicPath: '/docs',
  },
  resolve: {
    alias: {
      topeka: path.resolve(__dirname, '../src'),
    },
  },
  module: {
    rules: [rules.js(), rules.css(), rules.less()],
  },
  plugins: [plugins.extractCss()],
}

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',
    },
  })
}

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')],
      },
    ],
  },
}