const { merge } = require('webpack-merge');
const common = require('./webpack.common');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

// '@emotion/styled': '@emotion/styled',
// '@emotion/react': '@emotion/react',
// "@mui/system": "@mui/system",
// "@mui": "@mui",
// "@mui/material": "@mui/material",
// "@mui/material/esm": "@mui/material/esm",

const prodConfig = {
  optimization: {
    usedExports: true,
    minimize: true,
  },
  externals: [{
    'react': 'react',
    'react-dom': 'react-dom',
    'react-intl': 'react-intl',
    'styled-components': 'styled-components',
    'xml-formatter': 'xml-formatter',
    'lodash-es': 'lodash-es',
  },
  /^@mui\.*/,
  /^@emotion\.*/,
  /^lodash/
    
  ],
  plugins: [new CleanWebpackPlugin()],
};

module.exports = merge(common, prodConfig);