webpack.config.js

const path = require('path');

const webpack = require('webpack');
const MinifyPlugin = require('babel-minify-webpack-plugin');

function resolveFromRoot(dir) {
  return path.resolve(__dirname, dir);
}

const DEVELOPMENT = 'development';
const PRODUCTION = 'production';

const env = process.env.NODE_ENV || DEVELOPMENT;
const name = process.env.APP_NAME || 'application';

const isProd = env === PRODUCTION;

const rules = [
  {
    test: /\.js$/,
    exclude: /(node_modules|tvdml)/,
    use: {
      loader: 'babel-loader',
      options: {
        plugins: [
          [
            'transform-react-jsx',
            {
              pragma: 'pragma.jsx',
            },
          ],
          'transform-class-properties',
          'transform-object-rest-spread',
        ],
        cacheDirectory: true,
      },
    },
  },
  {
    test: /\.(png|jpe?g)$/i,
    use: {
      loader: 'file-loader',
      options: {
        name: 'assets/[name].[hash].[ext]',
        publicPath: '/',
      },
    },
  },
];

const stats = {
  modules: false,
  chunks: false,
  colors: true,
};

const plugins = [
  new webpack.EnvironmentPlugin({
    NODE_ENV: DEVELOPMENT,
  }),

  new webpack.ProvidePlugin({
    pragma: resolveFromRoot('./src/pragma'),
  }),
];

if (isProd) {
  plugins.push(
    ...[
      new webpack.optimize.OccurrenceOrderPlugin(),
      new MinifyPlugin({
        keepFnName: true,
        keepClassName: true,
      }),
    ],
  );
}

module.exports = {
  entry: {
    [name]: resolveFromRoot('./src'),
  },
  output: {
    filename: '[name].js',
    path: resolveFromRoot('./dist'),
  },
  devtool: isProd ? 'source-map' : 'eval-source-map',
  module: { rules },
  plugins,
  stats,
  devServer: {
    contentBase: resolveFromRoot('./dist'),
    compress: true,
    inline: false,
    port: 9001,
    stats,
  },
};