cjs template not working

[volarname]

Current behaviour 💣

when using cjs config as a template:

new HtmlWebpackPlugin({
  template: 'src/template.cjs'
}),

then the content is interpreted as raw text and not a js template.
.cjs extension is commonly used now to properly use in editors

Expected behaviour ☀️

compile same as js tempalte

Environment 🖥

Node.js v14.18.2
linux 5.10.16.3-microsoft-standard-WSL2

8.3.0

+-- babel-loader@8.2.5
| `-- webpack@5.73.0 deduped
+-- copy-webpack-plugin@11.0.0
| `-- webpack@5.73.0 deduped
+-- css-loader@6.7.1
| `-- webpack@5.73.0 deduped
+-- html-loader@4.1.0
| `-- webpack@5.73.0 deduped
+-- html-webpack-plugin@5.5.0
| `-- webpack@5.73.0 deduped
+-- mini-css-extract-plugin@2.6.1
| `-- webpack@5.73.0 deduped
+-- postcss-loader@7.0.0
| `-- webpack@5.73.0 deduped
+-- remove-files-webpack-plugin@1.5.0
| +-- @types/webpack@5.28.0
| | `-- webpack@5.74.0
| `-- webpack@5.73.0 deduped
+-- sass-loader@13.0.2
| `-- webpack@5.73.0 deduped
+-- style-loader@3.3.1
| `-- webpack@5.73.0 deduped
+-- svg-spritemap-webpack-plugin@4.4.2
| `-- webpack@5.73.0 deduped
+-- ts-loader@9.3.1
| `-- webpack@5.73.0 deduped
+-- webpack-cli@4.10.0
| +-- @webpack-cli/configtest@1.2.0
| | `-- webpack@5.73.0 deduped
| `-- webpack@5.73.0 deduped
+-- webpack-dev-server@4.9.2
| +-- webpack-dev-middleware@5.3.3
| | `-- webpack@5.73.0 deduped
| `-- webpack@5.73.0 deduped
`-- webpack@5.73.0
  `-- terser-webpack-plugin@5.3.3
    `-- webpack@5.73.0 deduped


html-webpack-plugin@5.5.0