How to use the webpack-atoms.plugins.extractCss function in webpack-atoms

module.exports = (config) => {
  config.module = {
    rules: [
      rules.js.inlineCss(),
      rules.css({ modules: true }),
    ],
  };

  config.plugins.push(
    plugins.extractCss({ disable: true })
  )
  return config;
};

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: {
    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(),
  ],
}