Как подключить Header на все страницы

Всем привет, я только недавно начал изучать вебпак и у меня возник вопрос, как подключить на все мои страницы header template?

module.exports = {
    entry: {
        main: './src/index.ts',
    },
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: "[name].[contenthash].js",
        clean: true
    },
    devServer: {port: 3333},
    resolve: {
        extensions: [".ts", ".js"],
    },
    optimization: {
        minimizer: [
            new TerserWebpackPlugin(),
            new CssMinimizerPlugin()
        ]
    },
    module: {
        rules: [
            {
                test: /\.css$/i,
                exclude: /node_modules/,
                use: ["style-loader", "css-loader"],
            },
            {
                test: /\.(ts)$/,
                exclude: /node_modules/,
                use: "ts-loader"
            }
        ],
    },
    plugins: [
        new HtmlWebpackPlugin({
            filename: "index.html",
            chunks: ['main']
        }),
        new HtmlWebpackPlugin({
            filename: "page.html",
            template: "./src/page.html"
            chunks: ['main']
        }),
    ]
}

Я бы хотел прописать template каждой странице. Но мне нужно использовать template для того, чтобы получить контент страницы, например page.html.

Как правильно подключить Header на все страницы? И еще если ктонибудь знает, Как можно подключить page.css файл к page.html файлу, если например page.html это статическая страница и я хочу подключить css через link, как это сделать?

Буду очень благодарен ответу