TypeError: Cannot read property 'tap' of undefined

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

plugins: [
    new webpack.BannerPlugin({
            Build Date: ${new Date().toLocaleString()}
            Commit Version: ${childProcess.execSync('git rev-parse --short HEAD')}
            Author: ${childProcess.execSync('git config user.name')}
        `
    }),
    new webpack.DefinePlugin({
        TWO : JSON.stringify('1 + 1'),
        'api.domain': JSON.stringify('http://dev.api.domain.com')
    }),
    new HtmlWebpackPlugin({
        template: './src/index.html'
    })
]

DefinePlugin까지는 build가 잘됐는데 HtmlWebpackPlugin 작성 후 build하면 제목과 같은 오류가 발생합니다. 어떻게 해결해야할까요? HtmlWebpackPlugin이 써드 파티 패키지인게 관련이 있을까요?