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,'');