webpack.config.js

const dev = process.env.NODE_ENV !== 'production' && process.argv.indexOf('-p') === -1;

const usePreact = false;

const path = require('path');
const glob = require('glob');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const PurifyCSSPlugin = require('purifycss-webpack');
const AssetsPlugin = require('assets-webpack-plugin');

const config = {
  devServer: {
    host: 'localhost',
    port: '8081',
    historyApiFallback: true,
    hot: true,
    headers: {
      'Access-Control-Allow-Origin': '*',
    },
  },
  devtool: dev ? 'eval' : false,
  entry: dev ? {
    main: [
      'webpack-dev-server/client?http://localhost:8081',
      'react-hot-loader/patch',
      path.join(__dirname, '/src/client/index.jsx'),
    ],
  } : {
    main: path.join(__dirname, '/src/client/index.jsx'),
  },
  output: {
    publicPath: 'http://localhost:8081/',
    path: path.join(__dirname, '/dist/public'),
    filename: dev ? '[name].js' : '[name]-[chunkhash].js',
  },
  stats: {
    colors: true,
    reasons: false,
    chunks: false,
    progress: true,
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
      },
      {
        test: /\.styl$/,
        use: dev ? ['style-loader', 'css-loader', 'postcss-loader', 'stylus-loader'] :
        ExtractTextPlugin.extract([
          {
            loader: 'css-loader',
            options: { minimize: false },
          },
          'postcss-loader',
          'stylus-loader',
        ]),
      },
    ],
  },
  resolve: {
    extensions: ['.js', '.jsx'],
    alias: usePreact ? {
      react: 'preact-compat',
      'react-dom': 'preact-compat',
      'react-addons-css-transition-group': 'rc-css-transition-group',
      'preact-compat': 'preact-compat/dist/preact-compat',
    } : {},
  },
  plugins: dev ? [
    new webpack.NamedModulesPlugin(),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: ({ resource }) => /node_modules/.test(resource),
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'runtime',
    }),
    new AssetsPlugin({
      fullPath: false,
    }),
    new webpack.HotModuleReplacementPlugin(),
  ] : [
    new webpack.HashedModuleIdsPlugin(),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'vendor',
      minChunks: ({ resource }) => /node_modules/.test(resource),
    }),
    new webpack.optimize.CommonsChunkPlugin({
      name: 'runtime',
    }),
    new ExtractTextPlugin('style-[contenthash].css'),
    new PurifyCSSPlugin({
      paths: glob.sync(path.join(__dirname, '/src/client/**/*.jsx'), { nodir: true }),
      minimize: true,
      purifyOptions: {
        info: true,
        rejected: false,
        whitelist: ['auth0-lock-header-logo', 'auth0-lock-widget'],
      },
    }),
    new AssetsPlugin({
      fullPath: false,
    }),
  ],
};


module.exports = config;