webpack.config.js

const path = require('path');
const APP_DIR = path.resolve(__dirname, 'public/js');
const BUILD_DIR = path.resolve(__dirname, 'public/js/build');
const ManifestPlugin = require('webpack-manifest-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin')

module.exports = {
	mode: 'development',
	context: APP_DIR,
	watchOptions: {
		aggregateTimeout: 300,
		poll: true,
		ignored: /node_modules/
	},
	entry: {
		app: './app.js'
	},
	output: {
		path: BUILD_DIR,
		filename: '[name].[contenthash].js',
		publicPath: "/"
	},
	plugins: [
		new ManifestPlugin(),
		new CleanWebpackPlugin(['public/js/build/*.js'], {watch: true, verbose: true})
	],
	module: {
		rules: [
			{
				test: /\.js$/,
				exclude: /node_modules/,
				use: {
					loader: "babel-loader"
				}
			},
			{
				test:/\.(s*)css$/,
				use:['style-loader','css-loader', 'sass-loader']
			},
			{
				test:/\.wav$/,
				use: {
					loader: 'file-loader',
					options: {
						publicPath: 'js/build'
					}
				}
			}
		]
	}
};