The most minimal setup for webpack that loads javascript from a directory and spits out the compiled version of that javascript. Probably needs babel as well.

package.json

{
  "name": "foxflash-backend",
  "version": "1.0.0",
  "description": "Generate javascript and css",
  "main": "index.js",
  "scripts": {
    "build": "webpack --mode production",
  },
  "repository": {
    "type": "git"
  },
  "author": "Jonathan S",
  "license": "ISC",
  "dependencies": {
    "fs": "0.0.1-security",
    "node-sass": "^4.12.0",
    "path": "^0.12.7",
    "webpack": "^4.42.1"
  },
  "devDependencies": {
    "webpack-cli": "^3.3.11"
  }
}

settings.py

# so that the js files can be accessed as static files. 
STATICFILES_DIRS = [
    ('js', '{}/frontend/dist/js/'.format(BASE_DIR)),
]

webpack.config.js

const webpack = require('webpack');
const path = require('path');
const fs = require('fs');


const rootPath = __dirname;
const entryPath = 'frontend/src/js/';
const entryFiles = fs.readdirSync(path.join(rootPath,entryPath));
let entryObj = {};

entryFiles.forEach(function(file){
    var fileName = file.split('.')[0];
    entryObj[fileName] = `./${entryPath}${file}`;
});


const config = {
    mode: process.env.NODE_ENV,
    entry: entryObj,
    output: {
        path: __dirname + '/frontend/dist/js',
        filename: '[name].js'
    }
}

module.exports = config