sharyn/webpack-config/index.js.flow

Combines all the other packages under one.

// @flow

/* eslint-disable import/no-extraneous-dependencies, global-require */

import webpack from 'webpack'
import path from 'path'
// flow-disable-next-line
import { hasPackage, dirChecksum } from '@sharyn/check-setup'
// flow-disable-next-line
import { NO_VERSION_VALIDATION } from '@sharyn/env'

import { WDS_PORT } from './wds-util'

const config: Object = {
  entry: './src/_client/client.js',
  output: {
    filename: `js/bundle.js`,
    chunkFilename: '[name].[chunkhash].js',
    path: path.resolve('dist'),
    publicPath: '/static/',
  },
  module: { rules: [{ test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader' } }] },
  plugins: [
    new webpack.DefinePlugin({
      CLIENT_VERSION: NO_VERSION_VALIDATION
        ? null
        : JSON.stringify(dirChecksum('src', ['package.json', 'yarn.lock'])),
    }),
  ],
  resolve: { alias: { joi: 'joi-browser' } },
  performance: { hints: false },
}

if (hasPackage('compression-webpack-plugin')) {
  // flow-disable-next-line
  const CompressionPlugin = require('compression-webpack-plugin')
  config.plugins.push(new CompressionPlugin())
}

if (WDS_PORT) {
  config.output.publicPath = `http://localhost:${WDS_PORT}/static/`
  config.devServer = {
    port: WDS_PORT,
    headers: { 'Access-Control-Allow-Origin': '*' },
  }
}

module.exports = config