webpack.config.js

const path = require('path');
const webpack = require('webpack');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");


const makeLocaleConfig = (locale) => {
  let config = {
    mode: 'production',
    entry: {
      build: path.join(__dirname, "src/index.js"),
    },
    output: {
      path: path.join(__dirname, "dist"),
      filename: `[name].js`,
      library: {
        name: "p2pu-components",
        type: "umd",
      },
    },
    devtool: 'source-map',
    module: {
      rules: [
        {
          test: /\.(js|jsx)$/,
          use: {
            loader: "babel-loader",
            options: {
              plugins: [
                [ 'ttag', {extract: {output: 'i18n/poly.pot'}} ]
              ],
              sourceMap: true
            },
          },
          exclude: /node_modules/
        },
        {
          test: /\.(css|sass|scss)$/,
          use: [
            MiniCssExtractPlugin.loader,
            {
              loader: 'css-loader',
              options: {
                importLoaders: 2,
                sourceMap: true
              }
            },
            {
              loader: 'sass-loader',
              options: {
                sourceMap: true
              }
            }
          ],
          sideEffects: true
        },
        {
          test: /\.svg/,
          use: {
            loader: 'svg-url-loader',
            options: {}
          }
        }
      ]
    },
    externals: {
      axios: "axios",
      jsonp: "jsonp",
      react: "react",
      "react-dom": "react-dom",
    },
    plugins: [
      new MiniCssExtractPlugin({
        filename: "[name].css",
      })
    ],
    resolve: {
      extensions: [".js", ".jsx"]
    },
    optimization: {
      usedExports: true,
    }
  };

  if (locale != null){
    let ttag = {
      resolve: {
        translations: `i18n/${locale}.po`,
        unresolved: 'skip'
      },
    }
    config.output.filename = `[name]-${locale}.js`,
    config.module.rules[0].use.options.plugins = [['ttag', ttag]];
  }

  return config;
}

module.exports = [
  makeLocaleConfig('af'),
  makeLocaleConfig('de'),
  makeLocaleConfig('es'),
  makeLocaleConfig('fi'),
  makeLocaleConfig('pl'),
  makeLocaleConfig('pt'),
  makeLocaleConfig('ro'),
  makeLocaleConfig(),
]