webpack.config.js

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

module.exports = {
  context: path.join(__dirname, "client/src"),
  devtool: "#eval-source-map",
  entry: ["./index.jsx"],
  output: {
    path: path.join(__dirname, "client/public/"),
    filename: "bundle.js",
    publicPath: "/"
  },
  module: {
    rules: [
      {
        test: /.jsx?$/,
        exclude: /node_modules/,
        use: ["babel-loader"]
      },
      {
        test: [
          /.wexbim$/,
          /.docx$/,
          /.csv$/,
          /.mp4$/,
          /.xlsx$/,
          /.doc$/,
          /.avi$/,
          /.webm$/,
          /.mov$/,
          /.mp3$/,
          /.pdf$/,
          /.png$/
        ],
        use: ["file-loader"]
      },
      {
        test: /.(png|jpg)$/,
        use: ["url-loader?limit=200000"]
      },
      {
        test: /.svg$/,
        loader: "svg-inline-loader"
      },
      {
        test: /.jsx.html$/,
        exclude: /node_modules/,
        use: ["babel!react-pure-html-component"]
      }
    ]
  },
  resolve: {
    extensions: [".js", ".jsx", ".jsx.html", ".json"],
    modules: [path.join(__dirname, "node_modules")]
  },
  plugins: [
    new webpack.DefinePlugin({
      "process.env.NODE_ENV": JSON.stringify("development")
    }),
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    })
  ]
}