webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
 mode: 'development',
 entry: './src/index.js',
 plugins: [
 new HtmlWebpackPlugin({
 template: './src/index.html',
 }),
 ],
 output: {
 filename: 'main.js',
 path: path.resolve(__dirname, 'dist'),
 clean: true,
 },
 devServer: {
 static: './dist',
 },
 module: {
 rules: [
 {
 test: /\.css$/i,
 use: ['style-loader', 'css-loader'],
 },
 ],
 },
};