適当にデモ用の最小構成

webpack.config.js

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

module.exports = (env = {}) => {
    return {
        mode: 'development',
        entry: {
            index: path.resolve(__dirname, 'src/index.ts')
        },
        output: {
            filename: '[name]-[contenthash].js',
            path: path.resolve(__dirname, 'dist'),
        },
        plugins: [
            new HtmlWebpackPlugin({
                chunks: ['index'],
                filename: 'index.html',
                template: path.resolve(__dirname, 'src/index.html')
            })
        ],
        devServer: {
            contentBase: path.resolve(__dirname, './dist'),
            port: 9000,
        },
        resolve: {
            extensions: ['.js', '.ts'],
            modules: [
              "node_modules"
            ]
        },
        module: {
            rules: [
                {
                    test: /\.ts$/,
                    use: [
                        {
                            loader: 'ts-loader',
                            options: {
                                appendTsSuffixTo: [/\.vue$/],
                            },
                        },
                    ],
                    exclude: /node_modules/,
                },
            ]
        }
    }
}