webpack.config.js

const { resolve, basename } = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const babelrc = require('@mprobber/config/.babelrc.json');

module.exports = packageDir => (_, argv = {}) => {
  const name = basename(packageDir);
  return {
    entry: ['@babel/polyfill', resolve(packageDir, 'index.js')],
    output: {
      filename: `${name}.index.js`,
      path: resolve(packageDir, 'dist'),
      publicPath: './',
    },
    mode: argv.mode || 'development',
    resolve: {
      modules: [resolve(packageDir, 'node_modules'), 'node_modules'],
    },
    module: {
      rules: [
        {
          test: /\.m?js$/,
          exclude: /(node_modules|bower_components)/,
          use: {
            loader: 'babel-loader',
            options: { ...JSON.parse(babelrc.toString()) },
          },
        },
        {
          test: /\.(png|jpg|gif|ico)$/,
          use: [
            {
              loader: 'file-loader',
              options: {},
            },
          ],
        },
        {
          test: /\.css$/,
          loader: 'style-loader',
        },
        {
          test: /\.css$/,
          loader: 'css-loader',
          query: {
            modules: true,
            localIdentName: '[name]__[local]___[hash:base64:5]',
          },
        },
      ],
    },
    devServer: {
      port: 8080,
      historyApiFallback: true,
    },
    plugins: [
      new HtmlWebpackPlugin({
        template: resolve(__dirname, './template.html'),
      }),
    ],
  };
};