请教 HtmlWebpackPlugin 通过 template 生成 html，导致 js css 文件重复

一个小的静态网站，目录结构就是 src-->dist 。

问一个 webpack 打包的问题。

  new HtmlWebpackPlugin({
            template: './src/index.html',
            filename: "index.html",
            chunks: ['index']
        }),

导致打包后的 index.html 中的 js 跟 css 重复。如下：

 <!-- 原先模板自带 -->
   <link rel="stylesheet" href="index.css">
   <script src="index.js" defer="defer"></script>
   <script src="a.js" defer="defer"></script>
   <script src="b.js" defer="defer"></script>
   <!-- 构建后 inject -->
   <script defer="defer" src="index_755034f5329d7ad50060.js"></script>
   <link href="index_204d96044f9df227c786.css" rel="stylesheet">

有没有办法在构建时把原先模板中的 script,linkcss 标签移除。

貌似很早以前也有人问同样的问题，但没看到解决方案：

https://github.com/jantimon/html-webpack-plugin/issues/285

目前解决的方法就是，额外创建一个移除 script,linkcss 标签的模板 index_template.html

请问，有没有更简单更优雅的方法？