webpack.config.js

const path = require('path');
module.exports = {
  target: 'web',
  entry: {
    index: './src/index.ts',
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'index.js',
    library: '@dhi-gras/react-components',
    globalObject: 'this',
    libraryTarget: 'umd',
    umdNamedDefine: true,
  },
  resolve: {
    extensions: ['.ts', '.tsx', '.js'],
  },
  module: {
    rules: [
      { test: /\.tsx?$/, use: ['ts-loader', 'react-docgen-typescript-loader'] },
      {
        test: /\.(png|jpe?g|gif)$/i,
        use: [
          {
            loader: 'file-loader',
          },
        ],
      },
      {
        test: /\.(sa|sc|c)ss$/,
        use: ['style-loader', 'css-loader', 'sass-loader'],
      },
    ],
  },
  externals: [
    /^\@material\-ui\/icons\/.*/,
    {
      'env-cmd': 'env-cmd',
      formik: 'formik',
      'formik-material-ui': 'formik-material-ui',
      'prop-types': 'prop-types',
      'react-dom': 'react-dom',
      react: 'react',
      'react-spinners': 'react-spinners',
      yup: 'yup',
      'react-clipboard.js': 'react-clipboard.js',
      '@material-ui/icons': '@material-ui/icons',
      '@material-ui/core': '@material-ui/core',
    },
  ],
};