意外令牌<webpack4-react

Question

我只是使用webpack4打包响应并运行成功，但是当我查看html文件时，它始终是Uncaught SyntaxError：Unexpected token <。

这是我的专业文件

有我的webpack配置

    module.exports = {
    mode  : 'production',
    entry : {
        index : './src/index.jsx'
    },
    output : {
        filename : '[name].[hash:8].js',
        path     : path.join(__dirname, '/dist')
    },
    module: {
        rules : [
            {
                test    : /\.jsx?$/,
                exclude : /node_modules/,
                use     : {
                    loader: "babel-loader"
                }
            },
            {
                test : /\.html$/,
                use  : [{loader : "html-loader"}]
            }
        ]
    },
    node : {
        fs : 'empty'
    },
    plugins : [
        new HtmlWebPackPlugin({
            template : "./src/index.html",
            filename : "./index.html"
        })
    ]
};

我这样使用.babelrc

{
    "presets": ["@babel/preset-env", "@babel/preset-react"]
}

我使用webpack4和react16