text: const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin');
  const { merge } = require('webpack-merge');
  const commonConfig = require('./webpack.config.common');
  const packageJson = require('../package.json');
  
  const devConfig = {
    mode: 'development',
    output: {
      publicPath: 'http://localhost:8002/',
    },
    devServer: {
      port: 8002,
      historyApiFallback: true,
    },
    module: {
      rules: [
        {
          test: /\.module.css$/,
          use: [
            'style-loader',
            {
              loader: 'css-loader',
              options: {
                modules: {
                  localIdentName: 'marketing__[local]__[hash:base64:5]',
                },
                importLoaders: 1,
              },
            },
          ],
        },
      ],
    },
    plugins: [
      new ModuleFederationPlugin({
        name: 'marketing',
        filename: 'remoteEntry.js',
        exposes: {
          './Marketing': './src/bootstrap',
        },
        shared: packageJson.dependencies,
      }),
    ],
  };
  
  module.exports = merge(commonConfig, devConfig);
  