Retirar espaçamento entre tags

Ola pessoal

To querendo fazer um script, que retire todos os espaços entre as tags. Bem de primeira viajem fiz esse script, o problema é que ele retira todos os espaços que encontrar na string onde estão os elementos html. Veja

<div id="box">
 <span id="crt">span</span>
 <ul class="list">
 <li>
 isso é um texto
 <p>
 uma tag paragrafo
 </p>
 </li>
 <li>dois</li>
 </ul>
 </div>

<script>
 var boxElement = document.getElementById("box");
 var string = boxElement.innerHTML;
 var regex = /\s/ig;
 var replaceText = "";
 console.log(string.replace(regex, replaceText));
</script>

O resultado desse script é esse:

<spanid="crt">span<ulclass="list"><li>issoéumtexto<p>umatagparagrafo</p></li><li>dois</li></ulclass="list"></spanid="crt">

Bom o script retirou os espaços em branco, só que ele também retirou os espaço dentro das tags e nos textos. O que eu quero, é só retirar os espaços entre as tags, os restantes(dentro das tags e textos) fiquem do jeito que são.

Alguém poderia me ajudar, a resolver isso.