Minify html template string with javascript regex

Question

In my project I am using a lot of JavaScript template string. After webpack compilation that is resulting in newlines, tabs and white spaces. How can I remove it with regex or any DOM API like document.createTreeWalker? I hope there would be easy regex to replace these.

Here is my source

const employees = ['Rajkeshwar', 'Suresh', 'Manoj', 'Ramesh', 'Sudhir'];
const domStr = `
  <h1>Employee List</h1>
  <ul class="employee-list">
    ${employees.reduce((str, emp) => {
       str += `<li>${emp}</li>`;
       return str;
    }, '')}
  </ul>
`;

This is what I get after compilation


var employees = ["Rajkeshwar", "Suresh", "Manoj", "Ramesh", "Sudhir"];
var domStr = '\n  <h1>Employee List</h1>\n  <ul class="employee-list">\n    '.concat(
  employees.reduce(function(str, emp) {
    str += "<li>".concat(emp, "</li>");
    return str;
  }, ""),
  "\n  </ul>\n"
);

Pushprajsinh Chudasama · Accepted Answer · 2019-09-07 11:03:44Z

1

You can use the following way to concatenate the string .

const employees = ['Rajkeshwar', 'Suresh', 'Manoj', 'Ramesh', 'Sudhir'];
    var domStr = `
    <h1>Employee List</h1>
    <ul class="employee-list">`;
    employees.forEach(function(employee){
                    domStr += `<li>`+employee+`</li>`; 
    });
    domStr = domStr + `</ul>`;

In domStr you will have your string .

answered Sep 7, 2019 at 11:03

Pushprajsinh Chudasama

7,9994 gold badges23 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Minify html template string with javascript regex

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related