vue-cli3 项目中， template中样式bug？

Question

项目升级到vue-cli3后，如下内容，本来li标签之间是有空格，有间距的，貌似编译后标签之间的空格被移除了，导致元素都连在一起，请问可以通过配置项来解决么，还是要在项目中，把类似布局都改成其他方式。。。。

.test-item {display: inline-block;
border: 1px solid #000;
padding: 5px;
}

<ul class="test-ul">
<li class="test-item">test</li>
<li class="test-item">test</li>
<li class="test-item">test</li>
<li class="test-item">test</li>
<li class="test-item">test</li>
</ul>