webpack.common.js

const path = require('path');
const merge = require('webpack-merge');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HTMLWebpackPlugin = require('html-webpack-plugin');
const rules = [
    {
        test: /\.(ts|tsx)$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
    },
    {
        test: /\.html$/,
        use: ["html-loader"]
    },
    {
        test: /\.(svg|png|jpg|jpeg|gif)$/,
        use:{
            loader: "file-loader",
            options: {
                name: "[name].[hash].[ext]",
                outputPath: "img"
            }
        }
    }
]
module.exports = {
    entry: "./src/index.tsx",
    optimization: {
        splitChunks: {
            chunks: 'all',
        }       
    },
    module: { rules },
    resolve: {extensions:  ['.ts', '.tsx', '.js']}
}