after set "conservativeCollapse: false", still leave a white space between html elements

snoleo commented 4 years ago

Expected behaviour

with "conservativeCollapse: false", it should remove white spaces between html elements entirely.

<div><a href="#">123</a><a href="#">456</a><a href="#">test 3</a></div>

Current behaviour

Still leave a white space between html elements.

<div><a href="#">123</a> <a href="#">456</a> <a href="#">test 3</a></div>

Environment

Node.js v12.14.0
linux 5.0.0-37-generic
npm 6.13.4
webpack@4.41.4
html-webpack-plugin@3.2.0

Config

  plugins: [
    new HtmlWebpackPlugin({
      chunks: ['index'],
      template: './src/index.html',
      filename: './index.html',
      minify: { removeComments: true, removeEmptyAttributes: true, removeRedundantAttributes: false, collapseWhitespace: true, conservativeCollapse: false }
    }),
    new HtmlWebpackPlugin({
      chunks: ['sub'],
      template: './src/sub.html',
      filename: './sub.html',
      minify: { removeComments: true, removeEmptyAttributes: true, removeRedundantAttributes: false, collapseWhitespace: true, conservativeCollapse: false }
    })
  ],

Copy your template file if it is part of this issue:

<!DOCTYPE html>
<html>
    <head>
        <title>My App</title>
    </head>
    <body>
                <div>
                        <a href="#">123</a>
                        <a href="#">456</a>
                        <a href="#">test 3</a>
                </div>
    </body>
</html>