webpack.config.js

/**
 * @eslint-disable
 */
const path = require("path");

module.exports = {
  mode: process.env.NODE_ENV || "production",
  entry: {
    index: "./src/index.ts"
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "[name].js",
    libraryTarget: "commonjs2",
    library: "Web3Modal",
  },
  externals: {
    'react': 'react',
    'react-dom': 'react-dom',
    'styled-components': 'styled-components'
  },
  resolve: {
    extensions: [".ts", ".tsx", ".js"]
  },
  devtool: "source-map",
  module: {
    rules: [
      { test: /\.tsx?$/, loader: "ts-loader" },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
          {
            loader: "url-loader",
            options: {
              limit: 65535,
              name: "static/media/[name].[hash:8].[ext]"
            }
          }
        ]
      }
    ]
  }
};