webpack.config.js

// var path = require('path');
// var SRC_DIR = path.join(__dirname, '/client/src');
// var DIST_DIR = path.join(__dirname, '/client/dist');

// module.exports = {
//   entry: `${SRC_DIR}/index.jsx`,
//   output: {
//     filename: 'bundle.js',
//     path: DIST_DIR
//   },
//   module: {
//     rules: [
//       {
//         test: /\.jsx?/,
//         loader: 'babel-loader',
//         options: {
//           'presets': ['@babel/preset-env', '@babel/preset-react']
//         }
//       }
//     ]
//   }
// };

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

module.exports = {
  // mode: 'development',
  entry: path.resolve(__dirname, "./client/src/index.js"),
  output: {
    path: path.resolve(__dirname, "./client/dist"),
    // path: path.resolve(__dirname, "./dist"),
    filename: "bundle.js"
  },
  module: {
    rules: [
      {
        test: /\.js[x]?/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ["@babel/preset-react", "@babel/preset-env"]
          }
        }
      },
      {
        test: /\.(scss|css)$/,
        loaders: ["style-loader", "css-loader"]
      },
      {
        test: /\.svg$/,
        loader: "svg-inline-loader"
      }
    ]
  },
  node: {
    fs: "empty"
  },
  resolve: {
    extensions: [".js", ".jsx"]
  }
};