webpack.config.js

require("dotenv").config();

const path = require("path");
const webpack = require("webpack");

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
// const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");

module.exports = {
  context: __dirname,
  entry: "./frontend/robins_jacket.jsx",
  output: {
    path: path.resolve(__dirname, "app", "assets", "javascripts"),
    filename: "bundle.js",
  },
  resolve: {
    extensions: [".js", ".jsx", ".ts", ".tsx", "*"],
    fallback: {
      "readable-stream": require.resolve("readable-stream"),
    },
  },
  module: {
    rules: [
      {
        test: /\.[jt]sx?$/,
        exclude: /(node_modules)/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-env", "@babel/preset-react"], // "@babel/preset-typescript"
          },
        },
      },
      {
        test: /\.(sc|c)ss$/,
        use: [
          {
            loader: 'sass-loader',
            options: {
              implementation: require('sass')
            }
          },
        ]
      },
    ],
  },
  stats: {
    modules: true,
    errorDetails: true,
    children: true
  },
  plugins: [
    new NodePolyfillPlugin(),
    new webpack.DefinePlugin({
      "process.browser": JSON.stringify(true),
      "process.env": {
        RAPID_API_KEY: JSON.stringify(process.env.RAPID_API_KEY),
        RAPID_API_HOST: JSON.stringify(process.env.RAPID_API_HOST),
        aws_access_key_id: JSON.stringify(process.env.aws_access_key_id),
        aws_secret_access_key: JSON.stringify(process.env.aws_secret_access_key),
      },
    }),
    // new BundleAnalyzerPlugin()
  ],
  devtool: "eval-source-map",
};