webpack.config.js

const webpack = require('webpack');
const merge = require('webpack-merge');
const { join, resolve } = require('path');

const HtmlWebPackPlugin = require('html-webpack-plugin');

const babel = require('./webpack/babel');
const devServer = require('./webpack/dev-server');
const fonts = require('./webpack/fonts');
const images = require('./webpack/images');
const html = require('./webpack/html');
const optimization = require('./webpack/optimization');
const eslint = require('./webpack/eslint');

const isProd = process.env.NODE_ENV === 'production';

const PATH = {
  src: join(__dirname, 'src'),
  build: join(__dirname, 'build'),
  app: join(__dirname, 'src', 'index.js')
};

const plugins = [
  new HtmlWebPackPlugin({
    template: `${PATH.src}/index.ejs`,
    title: 'book-editor',
    lang: 'en'
  })
];

const rules = [babel(), html(), fonts(), images(), eslint()];

const common = {
  entry: {
    app: ['./src/index.js']
  },
  output: {
    path: PATH.build,
    filename: 'bundle.[hash].js',
    chunkFilename: '[name].chunk.[hash].js',
    publicPath: '/'
  },
  resolve: {
    extensions: ['.js', '.jsx', '.json', '.scss', '.css', '.svg'],
    modules: ['node_modules'],
    alias: {
      actions: resolve(__dirname, 'app', 'actions'),
      components: resolve(__dirname, 'app', 'components'),
      constants: resolve(__dirname, 'app', 'constants'),
      libs: resolve(__dirname, 'libs'),
      mocks: resolve(__dirname, 'app', 'mocks'),
      pages: resolve(__dirname, 'app', 'pages'),
      reducers: resolve(__dirname, 'app', 'reducers'),
      routes: resolve(__dirname, 'app', 'routes'),
      store: resolve(__dirname, 'app', 'store'),
      src: resolve(__dirname, 'src')
    }
  },
  module: {
    rules
  },
  plugins
};

const prodConf = merge([common, optimization()]);
const devConf = merge([
  common,
  {
    devtool: 'cheap-module-source-map',
    optimization: {
      namedModules: true
    },
    performance: {
      hints: false
    },
    plugins: [new webpack.HotModuleReplacementPlugin()]
  },
  devServer()
]);

module.exports = () => (isProd ? prodConf : devConf);