webpack.config.js

const path = require('path');

module.exports = {
  entry: {
    head: './assets/js/head.js',
    main: './assets/js/index.js',
    collapse: './assets/js/collapse.js',
    contact: './assets/js/contact.js',
    content: './assets/js/content.js',
    graph: './assets/js/graph.js',
    hero: './assets/js/hero.js',
    portfolio: './assets/js/portfolio.js',
    pricing: './assets/js/pricing.js',
    react: './assets/js/react.js',
    search: './assets/js/search.js',
    stripe: './assets/js/stripe.js',
    'dev-jq-helpers': './assets/js/helpers/jq-helpers.js'
  },
  output: {
    path: path.resolve('./'),
    filename: (pathData) => {
      return pathData.chunk.name.indexOf('dev') === 0 ? 'exampleSite/static/scripts/[name].js': 'assets/scripts/syna-[id].js';
    },
  },
  resolve: {
    extensions: ['.js', '.jsx'],
    modules: [path.join(process.cwd(), 'src'), 'node_modules'],
  },
  mode: process.env === 'production' ? 'production' : 'development',
  module: {
    rules: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/env', '@babel/react'],
        },
      },
    }],
  },
  plugins: [],
};