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>

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

Answer 1

**remove newlines**

/\r?\n|\r/g
let foo = 'bar\nbar';
foo = foo.replace(/\r?\n|\r/g, " "); /* replace all newlines with a space */
console.log(foo); 


**remove all whitespaces**
var spacesString= "Do I have spaces?"; 
var noSpacesString= myString.replace(/ /g,'');