webpack.config.js

const path = require('path');
const webpack = require('webpack');
require('dotenv').config();

module.exports = (env) => {
  return {
    entry: './src/popup.jsx',
    output: {
      path: path.resolve(__dirname, 'dist'),
      filename: 'popup.js'
    },
    module: {
      rules: [
        {
          test: /\.jsx?$/,
          exclude: /node_modules/,
          use: {
            loader: 'babel-loader'
          }
        }
      ]
    },
    resolve: {
      extensions: ['.js', '.jsx']
    },
    plugins: [
      new webpack.DefinePlugin({
        'process.env.REACT_APP_UAT_LOG_API_URL': JSON.stringify(process.env.REACT_APP_UAT_LOG_API_URL),
        'process.env.REACT_APP_DEV_LOG_API_URL': JSON.stringify(process.env.REACT_APP_DEV_LOG_API_URL),
      })
    ]
  }
}