webpack.config.babel.js

import HtmlWebpackPlugin from 'html-webpack-plugin';
import OptiCSS from 'optimize-css-assets-webpack-plugin';
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
import Uglify from 'terser-webpack-plugin';
import CopyPlugin from 'copy-webpack-plugin';
import ESLintPlugin from 'eslint-webpack-plugin';

import { baseConfig, opts, rules } from './webpack/base';
import { skipFalsy } from './webpack/utils';

const config = {
  ...baseConfig,
  entry: {
    app: skipFalsy(['core-js/stable', 'regenerator-runtime/runtime', 'whatwg-fetch', './src']),
    bookmarklet: skipFalsy(['./src/bookmarklet/popup.js']),
    config: skipFalsy(['./config/lib/loader-browser.js']),
  },
  target: 'web',
  devServer: { historyApiFallback: true },
  module: {
    rules: skipFalsy([
      opts.dev && rules.eslint,
      rules.babel,
      rules.css,
      rules.cssModule,
      rules.assetsCss,
      rules.template,
      rules.fonts,
      rules.photoswipe,
      rules.markdown,
      rules.otherAssets,
    ]),
  },
  plugins: skipFalsy([
    ...baseConfig.plugins,
    new ESLintPlugin({
      extensions: ['js', 'jsx'],
      files: ['src', 'test'],
      lintDirtyModulesOnly: true,
    }),
    new HtmlWebpackPlugin({
      inject: false,
      template: './index.jade',
      file: 'index.html',
      appConfig: global.CONFIG,
      opts,
    }),
    new MiniCssExtractPlugin({
      filename: opts.hash ? '[name]-[contenthash].css' : '[name]-dev.css',
    }),
    new CopyPlugin({
      patterns: [
        { from: 'assets/images/favicon.*', to: '' },
        { from: 'assets/images/ios/*.png', to: '' },
        { from: 'assets/ext-auth/auth-return.html', to: '' },
      ],
    }),
  ]),
  optimization: {
    splitChunks: {
      cacheGroups: {
        common: {
          name: 'common',
          test: /[\\/]styles[\\/]common[\\/].*[.]scss$/,
          chunks: 'all',
          enforce: true,
        },
      },
    },
    minimizer: [
      new Uglify({
        cache: true,
        parallel: true,
        sourceMap: true,
      }),
      new OptiCSS({}),
    ],
  },
};

export default config;