Webpack HTML捆绑 - 如何删除空格和新行？

Question

在我的AngularJS项目中，我有一个HTML模板，其中innerText在一个新行中：

<button class="btn">
    Click here
</button>

我正在使用webpack作为我的捆绑包。我希望它修剪那些新的线条/空白区域。我使用HtmlWebpackPlugin + minify：

尝试了以下配置

plugins: [
    new webpack.optimize.CommonsChunkPlugin({names: ['vendor'], filename: 'js/[name].js'}),
    new HtmlWebpackPlugin({
        template: path.resolve(__dirname, '../client/index.html'),
        filename: 'index.html',
        inject: 'body',
        minify: {
            collapseWhitespace: true
        }
    }),

但它不起作用 - 生成的HTML仍有一个新行。 预期结果是：

<button class="btn">Click here</button>

知道如何删除这些空格吗？