vue-cli是如何在webpack-dev-server中應(yīng)用HtmlWebpackPlugin的

在研究vue-cli的時(shí)候發(fā)現(xiàn)其dev環(huán)境下是通過"webpack-dev-server --inline --progress --config build/webpack.dev.conf.js"來生成一個(gè)可以熱重載的服務(wù)器的。
我自己寫了一個(gè)類似的小demo，webpack.config.js：

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

module.exports = {
    entry: './src/entry.js',
    devtool: 'inline-source-map',
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/'
    },
    devServer: {
        hot: true,
        compress: true,
        publicPath: './'
    },
    module: {
        loaders: [{
                test: /\.css$/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.less$/,
                loader: "style-loader!css-loader!less-loader"
            }
        ]
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(), // 熱加載
        new HtmlWebpackPlugin(),
    ]
}

然而運(yùn)行webpack-dev-server的時(shí)候發(fā)現(xiàn)打開localhost:8080并沒有頁面內(nèi)容，判斷HtmlWebpackPlugin沒有生效，網(wǎng)絡(luò)上查詢也沒有找到解決方法，想問下大佬們有沒有思路或者解決辦法