Webpack config for React + Styled Components

webpack.config.js

const webpack = require('webpack');
const path = require('path');

const config = {
  entry: [
    'babel-polyfill', './src/index'
  ],
  output: {
    path: path.join(__dirname, 'bundle'),
    filename: 'bundle.js'
  },
  target: 'electron-renderer',
  devtool: 'cheap-module-source-map',
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        exclude: /\/node_modules\//,
        loaders: ['babel-loader']
      }, {
        test: /.css$/,
        loaders: ['style-loader', 'css-loader']
      }, {
        test: /.less$/,
        loaders: [
          'style-loader',
          'css-loader',
          'less-loader'
        ]
      }
    ]
  },
  resolve: {
    extensions: ['.js', '.jsx', '.less']
  },
  plugins: [],
};

if (process.env.NODE_ENV === 'production') {
  config.plugins.push(new webpack.DefinePlugin({'process.env.NODE_ENV': '"production"'}));
}

module.exports = config;