Webpack config

webpack.config.js

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

const autoprefixer = require('autoprefixer');
const cssnano = require('cssnano');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')

const UglifyJSPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
	module: {
		rules: [
			{
				test: /\.js$/,
				include: [path.resolve(__dirname, 'src')],
				loader: 'babel-loader',
				options: {
					plugins: ['syntax-dynamic-import'],
					presets: [
						[
							'@babel/preset-env',
							{modules: false}
						]
					]
				}
			},
			{
				test: /\.css$/,
				use: [
					{ loader: 'style-loader', options: { sourceMap: true } },
					{
						loader: 'css-loader',
						options: {
							modules: true,
							importLoaders: 1,
							sourceMap: true
						}
					},
					{
						loader: 'postcss-loader',
						ident: 'postcss',
						options: {
							plugins: function() {
								return [autoprefixer, cssnano];
							}
						}
					},
				]
			}
		]
	},

	entry: {
		main: './public/js/main.js',
		calendar: './public/js/calendar'
	},

	output: {
		filename: '[name].bundle.js',
		path: path.resolve(__dirname, './public/js')
	},
	mode: 'development',
	plugins: [
		require('cssnano')(),
	],
};